Adlandırılmış renk · #EADD82
Day Glow
Day Glow, #EADD82: rgb(234 221 130), hsl(53 71% 71%), oklch(0.889 0.113 101.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Day Glow color name →
#EADD82
oklch(0.889 0.113 101.2)
Renk dönüşümleri
- HEX
- #eadd82
- RGB
- rgb(234 221 130)
- HSL
- hsl(53 71% 71%)
- HWB
- hwb(53 51% 8%)
- OKLCH
- oklch(0.889 0.113 101.2)
- OKLab
- oklab(0.889 -0.022 0.111)
- CIE Lab
- lab(87.72 -4.41 46.13)
- LCH
- lch(87.72 46.34 95.5)
- CMYK
- cmyk(0% 6% 44% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECE190
- EEE49D
- F0E8AA
- F2EBB7
- F4EFC3
- F6F2CF
- F8F5DB
- FBF9E7
- FDFCF3
Koyu tonlar
- CBC070
- AEA45F
- 91884E
- 756E3E
- 5A552F
- 413D20
- 292612
- 131106
- 030201
Gri tonlar
- DFD383
- D4CA84
- C9C184
- BEB785
- B3AE84
- A9A584
- 9E9B83
- 949283
- 8A8981
Renk uyumları
Tamamlayıcı +180°
- EADD82
Day Glow
- D3D7FF
≈ Pale Phthalo Blue
Analog -30° +30°
- EADD82
Day Glow
- FFD19B
≈ Dreams of Peach
- C0EA9B
≈ Sweet Mint Pesto
Üçlü +120° +240°
- EADD82
Day Glow
- A0E7FF
≈ Winter Wizard
- FFC7E9
≈ Soulmate Pink
Bölünmüş tamamlayıcı +150° +210°
- EADD82
Day Glow
- C0DEFF
≈ Dithered Sky
- EACDFF
≈ Sparkling Lavender
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.16:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--day-glow: #eadd82;
--day-glow-rgb: 234 221 130;
--day-glow-oklch: oklch(0.889 0.113 101.2);
}
.element {
color: var(--day-glow);
background-color: hsl(53 71% 71%);
border-color: oklch(0.889 0.113 101.2);
}Tailwind CSS v4
@theme {
--color-day-glow: #eadd82;
--color-day-glow-50: #faf7d2;
--color-day-glow-100: #eeeabf;
--color-day-glow-200: #dcd79f;
--color-day-glow-300: #c1ba75;
--color-day-glow-400: #ada04b;
--color-day-glow-500: #968813;
--color-day-glow-600: #7f7315;
--color-day-glow-700: #665c11;
--color-day-glow-800: #4c4309;
--color-day-glow-900: #352e06;
--color-day-glow-950: #201b00;
}SCSS
$day-glow: #eadd82;
$day-glow-rgb: 234, 221, 130;
$day-glow-light: mix(#fff, $day-glow, 20%);
$day-glow-dark: mix(#000, $day-glow, 20%);
.element {
color: $day-glow;
box-shadow: 0 0 0 2px rgba($day-glow, 0.35);
}