Cor nomeada · #FFFFE4
Off White
Off White é #FFFFE4: rgb(255 255 228), hsl(60 100% 95%), oklch(0.993 0.035 107). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Off White color name →
#FFFFE4
oklch(0.993 0.035 107)
Conversões de cor
- HEX
- #ffffe4
- RGB
- rgb(255 255 228)
- HSL
- hsl(60 100% 95%)
- HWB
- hwb(60 89% 0%)
- OKLCH
- oklch(0.993 0.035 107)
- OKLab
- oklab(0.993 -0.01 0.034)
- CIE Lab
- lab(99.47 -3.33 12.96)
- LCH
- lch(99.47 13.39 104.4)
- CMYK
- cmyk(0% 0% 11% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFFFE7
- FFFFE9
- FFFFEC
- FFFFEF
- FFFFF2
- FFFFF4
- FFFFF7
- FFFFFA
- FFFFFC
Sombras
- DEDEC6
- BEBEA9
- 9E9E8D
- 808072
- 636358
- 48483F
- 2E2E28
- 161612
- 030303
Tons
- F2F2DA
- E4E4CF
- D7D7C5
- CACABB
- BDBEB1
- B1B1A7
- A4A49D
- 989893
- 8C8C8A
Harmonias de cor
Complementar +180°
- FFFFE4
Off White
- FCFCFF
≈ Pale Grey
Análoga -30° +30°
- FFFFE4
Off White
- FFFCF8
≈ Eyeball
- F9FFF6
≈ Touch of Mint
Tríade +120° +240°
- FFFFE4
Off White
- FAFDFF
≈ Pale Grey
- FFFCFD
≈ Flawed White
Complementar dividida +150° +210°
- FFFFE4
Off White
- FBFDFF
≈ Pale Grey
- FEFCFF
≈ Pale Grey
Tétrade +90° +180° +270°
- FFFFE4
Off White
- F6FFFF
≈ Sparkling Snow
- FCFCFF
≈ Pale Grey
- FFFCFC
≈ Whitecap Snow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.01:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 20.67:1 · APCA Lc 107
Melhor cor de texto: #000000
WCAG 20.67:1 (AAA) · APCA Lc 107
Contrast pairs
Trechos de código
CSS
:root {
--off-white: #ffffe4;
--off-white-rgb: 255 255 228;
--off-white-oklch: oklch(0.993 0.035 107);
}
.element {
color: var(--off-white);
background-color: hsl(60 100% 95%);
border-color: oklch(0.993 0.035 107);
}Tailwind CSS v4
@theme {
--color-off-white: #ffffe4;
--color-off-white-50: #f6f6eb;
--color-off-white-100: #e8e9dc;
--color-off-white-200: #d5d6c5;
--color-off-white-300: #b8b9a5;
--color-off-white-400: #a0a089;
--color-off-white-500: #88886d;
--color-off-white-600: #73735d;
--color-off-white-700: #5c5c4a;
--color-off-white-800: #444335;
--color-off-white-900: #2f2e24;
--color-off-white-950: #1b1b13;
}SCSS
$off-white: #ffffe4;
$off-white-rgb: 255, 255, 228;
$off-white-light: mix(#fff, $off-white, 20%);
$off-white-dark: mix(#000, $off-white, 20%);
.element {
color: $off-white;
box-shadow: 0 0 0 2px rgba($off-white, 0.35);
}