Cor nomeada · #FCF0E5
Backlight
Backlight é #FCF0E5: rgb(252 240 229), hsl(29 79% 94%), oklch(0.962 0.02 65.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Backlight color name →
#FCF0E5
oklch(0.962 0.02 65.1)
Conversões de cor
- HEX
- #fcf0e5
- RGB
- rgb(252 240 229)
- HSL
- hsl(29 79% 94%)
- HWB
- hwb(29 90% 1%)
- OKLCH
- oklch(0.962 0.02 65.1)
- OKLab
- oklab(0.962 0.008 0.018)
- CIE Lab
- lab(95.53 2.82 6.85)
- LCH
- lch(95.53 7.41 67.6)
- CMYK
- cmyk(0% 5% 9% 1%)
Tons claros · Sombras · Tons
Tons claros
- FCF2E8
- FDF3EA
- FDF5ED
- FDF6EF
- FEF8F2
- FEF9F5
- FEFBF7
- FEFCFA
- FFFEFC
Sombras
- DBD1C7
- BBB2AA
- 9C958E
- 7E7872
- 625D58
- 47433F
- 2D2A28
- 161412
- 030303
Tons
- EFE4DA
- E2D9D0
- D5CDC6
- C9C2BB
- BCB6B1
- B0ABA7
- A4A09D
- 989593
- 8C8B8A
Harmonias de cor
Complementar +180°
- FCF0E5
Backlight
- E8F4FF
≈ Moon White
Análoga -30° +30°
- FCF0E5
Backlight
- FFEEEA
≈ Voracious White
- F6F3E4
≈ Daisy White
Tríade +120° +240°
- FCF0E5
Backlight
- E5F7F4
≈ Frosty Mint
- F5EFFD
≈ Cloud Break
Complementar dividida +150° +210°
- FCF0E5
Backlight
- E4F6FB
≈ Coastal Breeze
- EEF2FF
≈ Placebo Blue
Tétrade +90° +180° +270°
- FCF0E5
Backlight
- E9F6ED
≈ Soft Petals
- E8F4FF
≈ Moon White
- FBEEF8
≈ Partial Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.73:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.73:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--backlight: #fcf0e5;
--backlight-rgb: 252 240 229;
--backlight-oklch: oklch(0.962 0.02 65.1);
}
.element {
color: var(--backlight);
background-color: hsl(29 79% 94%);
border-color: oklch(0.962 0.02 65.1);
}Tailwind CSS v4
@theme {
--color-backlight: #fcf0e5;
--color-backlight-50: #f9f4ef;
--color-backlight-100: #ece7e1;
--color-backlight-200: #dad3cc;
--color-backlight-300: #beb6ad;
--color-backlight-400: #a79c93;
--color-backlight-500: #908479;
--color-backlight-600: #797066;
--color-backlight-700: #615952;
--color-backlight-800: #47413c;
--color-backlight-900: #312d29;
--color-backlight-950: #1d1a17;
}SCSS
$backlight: #fcf0e5;
$backlight-rgb: 252, 240, 229;
$backlight-light: mix(#fff, $backlight, 20%);
$backlight-dark: mix(#000, $backlight, 20%);
.element {
color: $backlight;
box-shadow: 0 0 0 2px rgba($backlight, 0.35);
}