Couleur nommée · #EEEEAA
Pollen
Pollen correspond à #EEEEAA : rgb(238 238 170), hsl(60 67% 80%), oklch(0.933 0.087 108). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Pollen color name →
#EEEEAA
oklch(0.933 0.087 108)
Conversions de couleur
- HEX
- #eeeeaa
- RGB
- rgb(238 238 170)
- HSL
- hsl(60 67% 80%)
- HWB
- hwb(60 67% 7%)
- OKLCH
- oklch(0.933 0.087 108)
- OKLab
- oklab(0.933 -0.027 0.083)
- CIE Lab
- lab(92.91 -7.64 33.05)
- LCH
- lch(92.91 33.93 103)
- CMYK
- cmyk(0% 0% 29% 7%)
Teintes · Ombres · Tons
Teintes
- F0F0B3
- F1F2BC
- F3F3C4
- F5F5CD
- F6F7D6
- F8F9DE
- FAFAE6
- FBFCEF
- FDFDF7
Ombres
- CFCF93
- B1B17D
- 939368
- 777753
- 5C5C3F
- 42422D
- 2A2A1B
- 14140B
- 030301
Tons
- E2E3A6
- D7D7A2
- CCCC9E
- C0C19A
- B5B696
- AAAB92
- A0A08E
- 959589
- 8A8B85
Harmonies de couleurs
Complémentaire +180°
- EEEEAA
Pollen
- E7E6FF
≈ Cyber Lavender
Analogue -30° +30°
- EEEEAA
Pollen
- FFE5BE
≈ Peach Smoothie
- CDF7BF
≈ Breeze of Green
Triadique +120° +240°
- EEEEAA
Pollen
- CDEFFF
≈ Blue Hijab
- FFDEEE
≈ Transparent Pink
Complémentaire divisée +150° +210°
- EEEEAA
Pollen
- DCEAFF
≈ Hoarfrost
- F7DFFF
≈ Sugarpills
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.44:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--pollen: #eeeeaa;
--pollen-rgb: 238 238 170;
--pollen-oklch: oklch(0.933 0.087 108);
}
.element {
color: var(--pollen);
background-color: hsl(60 67% 80%);
border-color: oklch(0.933 0.087 108);
}Tailwind CSS v4
@theme {
--color-pollen: #eeeeaa;
--color-pollen-50: #f6f8dc;
--color-pollen-100: #e9ebca;
--color-pollen-200: #d6d8ae;
--color-pollen-300: #babc88;
--color-pollen-400: #a3a365;
--color-pollen-500: #8c8a42;
--color-pollen-600: #767539;
--color-pollen-700: #5f5e2d;
--color-pollen-800: #46441e;
--color-pollen-900: #312f14;
--color-pollen-950: #1d1c06;
}SCSS
$pollen: #eeeeaa;
$pollen-rgb: 238, 238, 170;
$pollen-light: mix(#fff, $pollen, 20%);
$pollen-dark: mix(#000, $pollen, 20%);
.element {
color: $pollen;
box-shadow: 0 0 0 2px rgba($pollen, 0.35);
}