Cor nomeada · #EED288
Glistening
Glistening é #EED288: rgb(238 210 136), hsl(44 75% 73%), oklch(0.871 0.098 89.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Glistening color name →
#EED288
oklch(0.871 0.098 89.5)
Conversões de cor
- HEX
- #eed288
- RGB
- rgb(238 210 136)
- HSL
- hsl(44 75% 73%)
- HWB
- hwb(44 53% 7%)
- OKLCH
- oklch(0.871 0.098 89.5)
- OKLab
- oklab(0.871 0.001 0.098)
- CIE Lab
- lab(85.36 2.91 40.38)
- LCH
- lch(85.36 40.48 85.9)
- CMYK
- cmyk(0% 12% 43% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0D795
- F1DBA1
- F3E0AD
- F5E4B9
- F7E9C5
- F8EDD1
- FAF2DC
- FCF6E8
- FDFBF4
Sombras
- CFB675
- B19B63
- 938152
- 776841
- 5C5031
- 423922
- 2A2413
- 141006
- 030201
Tons
- E2CA88
- D7C188
- CCB988
- C1B187
- B6A887
- ABA086
- A09884
- 959083
- 8A8882
Harmonias de cor
Complementar +180°
- EED288
Glistening
- C4D4FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- EED288
Glistening
- FFC89C
≈ Gumdrops
- CDDE94
≈ Shadow Lime
Tríade +120° +240°
- EED288
Glistening
- 81E7F8
≈ Robin’s Egg
- FABEF4
≈ Pink Quartz
Complementar dividida +150° +210°
- EED288
Glistening
- AADCFF
≈ Droplet
- DBCAFF
≈ Foggy Heath
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.20:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--glistening: #eed288;
--glistening-rgb: 238 210 136;
--glistening-oklch: oklch(0.871 0.098 89.5);
}
.element {
color: var(--glistening);
background-color: hsl(44 75% 73%);
border-color: oklch(0.871 0.098 89.5);
}Tailwind CSS v4
@theme {
--color-glistening: #eed288;
--color-glistening-50: #fff5d6;
--color-glistening-100: #f4e7c3;
--color-glistening-200: #e3d4a5;
--color-glistening-300: #cab67d;
--color-glistening-400: #b59c57;
--color-glistening-500: #a0832d;
--color-glistening-600: #876f28;
--color-glistening-700: #6c5820;
--color-glistening-800: #514015;
--color-glistening-900: #382c0d;
--color-glistening-950: #231902;
}SCSS
$glistening: #eed288;
$glistening-rgb: 238, 210, 136;
$glistening-light: mix(#fff, $glistening, 20%);
$glistening-dark: mix(#000, $glistening, 20%);
.element {
color: $glistening;
box-shadow: 0 0 0 2px rgba($glistening, 0.35);
}