Benoemde kleur · #FFE8AB
Elote
Elote is #FFE8AB: rgb(255 232 171), hsl(44 100% 84%), oklch(0.935 0.081 89.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Elote color name →
#FFE8AB
oklch(0.935 0.081 89.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FFEAB4
- FFEDBD
- FFEFC5
- FFF1CE
- FFF4D6
- FFF6DE
- FFF8E7
- FFFBEF
- FFFDF7
Schaduwen
- DECA94
- BEAC7E
- 9E9068
- 807454
- 635940
- 48402D
- 2E291B
- 16130B
- 030301
Tonen
- F2DDA7
- E4D2A3
- D7C89F
- CABD9B
- BEB397
- B1A892
- A49E8E
- 989489
- 8C8A85
Kleurharmonieën
Complementair +180°
- FFE8AB
Elote
- E1E9FF
≈ Glitter
Analoog -30° +30°
- FFE8AB
Elote
- FFE4CF
≈ Lumber
- E2F2B5
≈ Spring Kiss
Triadisch +120° +240°
- FFE8AB
Elote
- BEF5FF
≈ Pale Sky
- FFDEFB
≈ Sugarpills
Gesplitst complementair +150° +210°
- FFE8AB
Elote
- D6EDFF
≈ Ice Castle
- EDE5FF
≈ Cyber Lavender
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.38:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
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);
}