Couleur nommée la plus proche · #FFE9C8
#FFE9C8
Couleur nommée la plus proche: Chess Ivory
#FFE9C8 (rgb(255 233 200), hsl(36 100% 89%), oklch(0.943 0.049 78)) est la plus proche de la couleur nommée Chess Ivory. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFE9C8
oklch(0.943 0.049 78)
Conversions de couleur
- HEX
- #ffe9c8
- RGB
- rgb(255 233 200)
- HSL
- hsl(36 100% 89%)
- HWB
- hwb(36 78% 0%)
- OKLCH
- oklch(0.943 0.049 78)
- OKLab
- oklab(0.943 0.01 0.048)
- CIE Lab
- lab(93.52 4.02 18.97)
- LCH
- lch(93.52 19.39 78)
- CMYK
- cmyk(0% 9% 22% 0%)
Teintes · Ombres · Tons
Teintes
- FFEBCE
- FFEDD3
- FFF0D9
- FFF2DE
- FFF4E4
- FFF6E9
- FFF8EF
- FFFBF4
- FFFDFA
Ombres
- DECBAE
- BEAD94
- 9E907B
- 807463
- 635A4C
- 484136
- 2E2921
- 16130F
- 030302
Tons
- F2DEC1
- E4D3B9
- D7C8B2
- CABEAB
- BEB3A4
- B1A99C
- A49E95
- 98948E
- 8C8A87
Harmonies de couleurs
Complémentaire +180°
- FFE9C8
Chess Ivory
- E1EDFF
≈ Calcareous Sinter
Analogue -30° +30°
- FFE9C8
Chess Ivory
- FFE7DB
≈ French Manicure
- EFEFCA
≈ Passionate Pause
Triadique +120° +240°
- FFE9C8
Chess Ivory
- C7F7F8
≈ Vaporised
- F9E4FF
≈ Soft Lavender
Complémentaire divisée +150° +210°
- FFE9C8
Chess Ivory
- D5F2FF
≈ Water
- EBEAFF
≈ Bright Dusk
Tétradique +90° +180° +270°
- FFE9C8
Chess Ivory
- CDF8E6
≈ Cactus Water
- E1EDFF
≈ Calcareous Sinter
- FFE4F0
≈ Sweetly
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.74:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--chess-ivory: #ffe9c8;
--chess-ivory-rgb: 255 233 200;
--chess-ivory-oklch: oklch(0.943 0.049 78);
}
.element {
color: var(--chess-ivory);
background-color: hsl(36 100% 89%);
border-color: oklch(0.943 0.049 78);
}Tailwind CSS v4
@theme {
--color-chess-ivory: #ffe9c8;
--color-chess-ivory-50: #fdf4e6;
--color-chess-ivory-100: #f1e6d6;
--color-chess-ivory-200: #e0d2bd;
--color-chess-ivory-300: #c5b59c;
--color-chess-ivory-400: #af9b7e;
--color-chess-ivory-500: #988361;
--color-chess-ivory-600: #816f53;
--color-chess-ivory-700: #675842;
--color-chess-ivory-800: #4c402f;
--color-chess-ivory-900: #352c20;
--color-chess-ivory-950: #20190f;
}SCSS
$chess-ivory: #ffe9c8;
$chess-ivory-rgb: 255, 233, 200;
$chess-ivory-light: mix(#fff, $chess-ivory, 20%);
$chess-ivory-dark: mix(#000, $chess-ivory, 20%);
.element {
color: $chess-ivory;
box-shadow: 0 0 0 2px rgba($chess-ivory, 0.35);
}