이름 색상 · #EADD82
Day Glow
Day Glow은(는) #EADD82: rgb(234 221 130), hsl(53 71% 71%), oklch(0.889 0.113 101.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Day Glow color name →
#EADD82
oklch(0.889 0.113 101.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- ECE190
- EEE49D
- F0E8AA
- F2EBB7
- F4EFC3
- F6F2CF
- F8F5DB
- FBF9E7
- FDFCF3
셰이드
- CBC070
- AEA45F
- 91884E
- 756E3E
- 5A552F
- 413D20
- 292612
- 131106
- 030201
톤
- DFD383
- D4CA84
- C9C184
- BEB785
- B3AE84
- A9A584
- 9E9B83
- 949283
- 8A8981
색 조화
보색 +180°
- EADD82
Day Glow
- D3D7FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EADD82
Day Glow
- FFD19B
≈ Dreams of Peach
- C0EA9B
≈ Sweet Mint Pesto
삼각 배색 +120° +240°
- EADD82
Day Glow
- A0E7FF
≈ Winter Wizard
- FFC7E9
≈ Soulmate Pink
분열 보색 +150° +210°
- EADD82
Day Glow
- C0DEFF
≈ Dithered Sky
- EACDFF
≈ Sparkling Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.16:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
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);
}