Colore con nome · #FCE9D5
Light Dedication
Light Dedication è #FCE9D5: rgb(252 233 213), hsl(31 87% 91%), oklch(0.944 0.034 68.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Dedication color name →
#FCE9D5
oklch(0.944 0.034 68.8)
Conversioni di colore
- HEX
- #fce9d5
- RGB
- rgb(252 233 213)
- HSL
- hsl(31 87% 91%)
- HWB
- hwb(31 84% 1%)
- OKLCH
- oklch(0.944 0.034 68.8)
- OKLab
- oklab(0.944 0.012 0.031)
- CIE Lab
- lab(93.5 4.32 12.21)
- LCH
- lch(93.5 12.96 70.5)
- CMYK
- cmyk(0% 8% 15% 1%)
Tinte · Ombre · Toni
Tinte
- FCEBD9
- FDEDDD
- FDF0E2
- FDF2E6
- FEF4EA
- FEF6EE
- FEF8F2
- FEFBF7
- FFFDFB
Ombre
- DBCBB9
- BBAD9E
- 9C9083
- 7E746A
- 625A51
- 47413A
- 2D2924
- 161310
- 030302
Toni
- EFDECC
- E2D3C3
- D5C8BB
- C9BEB2
- BCB3AA
- B0A9A1
- A49E99
- 989490
- 8C8A88
Armonie di colore
Complementare +180°
- FCE9D5
Light Dedication
- DFEFFF
≈ Calcareous Sinter
Analogo -30° +30°
- FCE9D5
Light Dedication
- FFE6DE
≈ French Manicure
- F2EDD4
≈ Rum Swizzle
Triadico +120° +240°
- FCE9D5
Light Dedication
- D4F4F1
≈ Slippery Tub
- F3E7FE
≈ Soft Lavender
Complementare divisa +150° +210°
- FCE9D5
Light Dedication
- D5F2FC
≈ Water
- E8EBFF
≈ Brilliant White
Tetradico +90° +180° +270°
- FCE9D5
Light Dedication
- DBF4E4
≈ Mint Flash
- DFEFFF
≈ Calcareous Sinter
- FDE4F4
≈ Bunny Tail
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.75:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--light-dedication: #fce9d5;
--light-dedication-rgb: 252 233 213;
--light-dedication-oklch: oklch(0.944 0.034 68.8);
}
.element {
color: var(--light-dedication);
background-color: hsl(31 87% 91%);
border-color: oklch(0.944 0.034 68.8);
}Tailwind CSS v4
@theme {
--color-light-dedication: #fce9d5;
--color-light-dedication-50: #fcf4eb;
--color-light-dedication-100: #efe6dc;
--color-light-dedication-200: #ded2c5;
--color-light-dedication-300: #c3b5a5;
--color-light-dedication-400: #ac9b8a;
--color-light-dedication-500: #95836f;
--color-light-dedication-600: #7e6f5e;
--color-light-dedication-700: #65584b;
--color-light-dedication-800: #4b4036;
--color-light-dedication-900: #342c25;
--color-light-dedication-950: #1f1914;
}SCSS
$light-dedication: #fce9d5;
$light-dedication-rgb: 252, 233, 213;
$light-dedication-light: mix(#fff, $light-dedication, 20%);
$light-dedication-dark: mix(#000, $light-dedication, 20%);
.element {
color: $light-dedication;
box-shadow: 0 0 0 2px rgba($light-dedication, 0.35);
}