Couleur nommée · #FFE8AB
Elote
Elote correspond à #FFE8AB : rgb(255 232 171), hsl(44 100% 84%), oklch(0.935 0.081 89.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Elote color name →
#FFE8AB
oklch(0.935 0.081 89.8)
Conversions de couleur
- HEX
- #ffe8ab
- RGB
- rgb(255 232 171)
- HSL
- hsl(44 100% 84%)
- HWB
- hwb(44 67% 0%)
- OKLCH
- oklch(0.935 0.081 89.8)
- OKLab
- oklab(0.935 0 0.081)
- CIE Lab
- lab(92.82 1.75 32.76)
- LCH
- lch(92.82 32.81 86.9)
- CMYK
- cmyk(0% 9% 33% 0%)
Teintes · Ombres · Tons
Teintes
- FFEAB4
- FFEDBD
- FFEFC5
- FFF1CE
- FFF4D6
- FFF6DE
- FFF8E7
- FFFBEF
- FFFDF7
Ombres
- DECA94
- BEAC7E
- 9E9068
- 807454
- 635940
- 48402D
- 2E291B
- 16130B
- 030301
Tons
- F2DDA7
- E4D2A3
- D7C89F
- CABD9B
- BEB397
- B1A892
- A49E8E
- 989489
- 8C8A85
Harmonies de couleurs
Complémentaire +180°
- FFE8AB
Elote
- E1E9FF
≈ Glitter
Analogue -30° +30°
- FFE8AB
Elote
- FFE4CF
≈ Lumber
- E2F2B5
≈ Spring Kiss
Triadique +120° +240°
- FFE8AB
Elote
- BEF5FF
≈ Pale Sky
- FFDEFB
≈ Sugarpills
Complémentaire divisée +150° +210°
- FFE8AB
Elote
- D6EDFF
≈ Ice Castle
- EDE5FF
≈ Cyber Lavender
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.38:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--elote: #ffe8ab;
--elote-rgb: 255 232 171;
--elote-oklch: oklch(0.935 0.081 89.8);
}
.element {
color: var(--elote);
background-color: hsl(44 100% 84%);
border-color: oklch(0.935 0.081 89.8);
}Tailwind CSS v4
@theme {
--color-elote: #ffe8ab;
--color-elote-50: #fdf5db;
--color-elote-100: #f2e8ca;
--color-elote-200: #e1d4ad;
--color-elote-300: #c6b788;
--color-elote-400: #b19d65;
--color-elote-500: #9b8442;
--color-elote-600: #836f39;
--color-elote-700: #69592d;
--color-elote-800: #4e411f;
--color-elote-900: #362d14;
--color-elote-950: #211a06;
}SCSS
$elote: #ffe8ab;
$elote-rgb: 255, 232, 171;
$elote-light: mix(#fff, $elote, 20%);
$elote-dark: mix(#000, $elote, 20%);
.element {
color: $elote;
box-shadow: 0 0 0 2px rgba($elote, 0.35);
}