Couleur nommée · #FFFFE4
Off White
Off White correspond à #FFFFE4 : rgb(255 255 228), hsl(60 100% 95%), oklch(0.993 0.035 107). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Off White color name →
#FFFFE4
oklch(0.993 0.035 107)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FFFFE7
- FFFFE9
- FFFFEC
- FFFFEF
- FFFFF2
- FFFFF4
- FFFFF7
- FFFFFA
- FFFFFC
Ombres
- DEDEC6
- BEBEA9
- 9E9E8D
- 808072
- 636358
- 48483F
- 2E2E28
- 161612
- 030303
Tons
- F2F2DA
- E4E4CF
- D7D7C5
- CACABB
- BDBEB1
- B1B1A7
- A4A49D
- 989893
- 8C8C8A
Harmonies de couleurs
Complémentaire +180°
- FFFFE4
Off White
- FCFCFF
≈ Pale Grey
Analogue -30° +30°
- FFFFE4
Off White
- FFFCF8
≈ Eyeball
- F9FFF6
≈ Touch of Mint
Triadique +120° +240°
- FFFFE4
Off White
- FAFDFF
≈ Pale Grey
- FFFCFD
≈ Flawed White
Complémentaire divisée +150° +210°
- FFFFE4
Off White
- FBFDFF
≈ Pale Grey
- FEFCFF
≈ Pale Grey
Tétradique +90° +180° +270°
- FFFFE4
Off White
- F6FFFF
≈ Sparkling Snow
- FCFCFF
≈ Pale Grey
- FFFCFC
≈ Whitecap Snow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.01:1 · APCA Lc 0
Ag
AAASur noir
WCAG 20.67:1 · APCA Lc 107
Meilleure couleur de texte: #000000
WCAG 20.67:1 (AAA) · APCA Lc 107
Contrast pairs
Extraits de code
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);
}