Colore con nome · #FAE6E5
Rose Sugar
Rose Sugar è #FAE6E5: rgb(250 230 229), hsl(3 68% 94%), oklch(0.941 0.022 21). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rose Sugar color name →
#FAE6E5
oklch(0.941 0.022 21)
Conversioni di colore
- HEX
- #fae6e5
- RGB
- rgb(250 230 229)
- HSL
- hsl(3 68% 94%)
- HWB
- hwb(3 90% 2%)
- OKLCH
- oklch(0.941 0.022 21)
- OKLab
- oklab(0.941 0.021 0.008)
- CIE Lab
- lab(92.9 6.92 3.08)
- LCH
- lch(92.9 7.58 24)
- CMYK
- cmyk(0% 8% 8% 2%)
Tinte · Ombre · Toni
Tinte
- FBE8E8
- FBEBEA
- FCEDED
- FCF0EF
- FDF2F2
- FDF5F5
- FEF7F7
- FEFAFA
- FFFCFC
Ombre
- D9C8C7
- BAABAA
- 9B8E8E
- 7D7372
- 615958
- 46403F
- 2D2828
- 151312
- 030303
Toni
- EDDBDA
- E1D1D0
- D4C6C6
- C8BCBB
- BBB2B1
- AFA7A7
- A39D9D
- 979493
- 8C8A8A
Armonie di colore
Complementare +180°
- FAE6E5
Rose Sugar
- DBF0F1
≈ Soar
Analogo -30° +30°
- FAE6E5
Rose Sugar
- F8E6ED
≈ Hepatica
- F8E8DE
≈ Morning Blush
Triadico +120° +240°
- FAE6E5
Rose Sugar
- E4EFE2
≈ Molly Green
- E3ECFB
≈ Husky
Complementare divisa +150° +210°
- FAE6E5
Rose Sugar
- DEF0E9
≈ Paradise
- DDEEF8
≈ Ice Fishing
Tetradico +90° +180° +270°
- FAE6E5
Rose Sugar
- ECEDDD
≈ Amazon Mist
- DBF0F1
≈ Soar
- EBE9F9
≈ Bright Dusk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.19:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.51:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.51:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-sugar: #fae6e5;
--rose-sugar-rgb: 250 230 229;
--rose-sugar-oklch: oklch(0.941 0.022 21);
}
.element {
color: var(--rose-sugar);
background-color: hsl(3 68% 94%);
border-color: oklch(0.941 0.022 21);
}Tailwind CSS v4
@theme {
--color-rose-sugar: #fae6e5;
--color-rose-sugar-50: #fbf3f2;
--color-rose-sugar-100: #efe5e4;
--color-rose-sugar-200: #ded1d0;
--color-rose-sugar-300: #c2b3b2;
--color-rose-sugar-400: #ab9a99;
--color-rose-sugar-500: #948180;
--color-rose-sugar-600: #7d6d6c;
--color-rose-sugar-700: #645756;
--color-rose-sugar-800: #4a3f3f;
--color-rose-sugar-900: #332c2c;
--color-rose-sugar-950: #1f1919;
}SCSS
$rose-sugar: #fae6e5;
$rose-sugar-rgb: 250, 230, 229;
$rose-sugar-light: mix(#fff, $rose-sugar, 20%);
$rose-sugar-dark: mix(#000, $rose-sugar, 20%);
.element {
color: $rose-sugar;
box-shadow: 0 0 0 2px rgba($rose-sugar, 0.35);
}