Warna bernama · #EEEEAA
Pollen
Pollen adalah #EEEEAA: rgb(238 238 170), hsl(60 67% 80%), oklch(0.933 0.087 108). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Pollen color name →
#EEEEAA
oklch(0.933 0.087 108)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F0F0B3
- F1F2BC
- F3F3C4
- F5F5CD
- F6F7D6
- F8F9DE
- FAFAE6
- FBFCEF
- FDFDF7
Shade
- CFCF93
- B1B17D
- 939368
- 777753
- 5C5C3F
- 42422D
- 2A2A1B
- 14140B
- 030301
Tone
- E2E3A6
- D7D7A2
- CCCC9E
- C0C19A
- B5B696
- AAAB92
- A0A08E
- 959589
- 8A8B85
Harmoni warna
Komplementer +180°
- EEEEAA
Pollen
- E7E6FF
≈ Cyber Lavender
Analog -30° +30°
- EEEEAA
Pollen
- FFE5BE
≈ Peach Smoothie
- CDF7BF
≈ Breeze of Green
Triadik +120° +240°
- EEEEAA
Pollen
- CDEFFF
≈ Blue Hijab
- FFDEEE
≈ Transparent Pink
Split-komplementer +150° +210°
- EEEEAA
Pollen
- DCEAFF
≈ Hoarfrost
- F7DFFF
≈ Sugarpills
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.20:1 · APCA Lc 10
Ag
AAADi atas hitam
WCAG 17.44:1 · APCA Lc 94
Warna teks terbaik: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Cuplikan kode
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);
}