이름 색상 · #EAAF11
Sun Drops
Sun Drops은(는) #EAAF11: rgb(234 175 17), hsl(44 86% 49%), oklch(0.788 0.159 83.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sun Drops color name →
#EAAF11
oklch(0.788 0.159 83.6)
색상 변환
- HEX
- #eaaf11
- RGB
- rgb(234 175 17)
- HSL
- hsl(44 86% 49%)
- HWB
- hwb(44 7% 8%)
- OKLCH
- oklch(0.788 0.159 83.6)
- OKLab
- oklab(0.788 0.018 0.158)
- CIE Lab
- lab(75.5 13.82 75.65)
- LCH
- lch(75.5 76.9 79.7)
- CMYK
- cmyk(0% 25% 93% 8%)
틴트 · 셰이드 · 톤
틴트
- ECB742
- EFC05E
- F1C876
- F3D08B
- F5D8A0
- F7E0B3
- F9E8C6
- FBF0D9
- FDF7EC
셰이드
- CB980D
- AE8109
- 916B06
- 755604
- 5A4102
- 412E01
- 291C00
- 130B00
- 030100
톤
- DFAB31
- D4A642
- CAA24F
- BF9D59
- B49962
- AA9469
- 9F8F70
- 958A76
- 8A857B
색 조화
보색 +180°
- EAAF11
Sun Drops
- 96B9FF
≈ Truesky Gloxym
유사색 -30° +30°
- EAAF11
Sun Drops
- FF9F5D
≈ Orange Spice
- BAC435
≈ Fluorescent Lime
삼각 배색 +120° +240°
- EAAF11
Sun Drops
- 00D2E1
≈ Aztec Turquoise
- EB94F4
≈ Diva Mecha
분열 보색 +150° +210°
- EAAF11
Sun Drops
- 57C7FF
≈ Thor’s Thunder
- BDABFF
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.63:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.63:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--sun-drops: #eaaf11;
--sun-drops-rgb: 234 175 17;
--sun-drops-oklch: oklch(0.788 0.159 83.6);
}
.element {
color: var(--sun-drops);
background-color: hsl(44 86% 49%);
border-color: oklch(0.788 0.159 83.6);
}Tailwind CSS v4
@theme {
--color-sun-drops: #eaaf11;
--color-sun-drops-50: #fff3c2;
--color-sun-drops-100: #ffe5ab;
--color-sun-drops-200: #f3d083;
--color-sun-drops-300: #dcb14c;
--color-sun-drops-400: #cb9400;
--color-sun-drops-500: #b77800;
--color-sun-drops-600: #9b6600;
--color-sun-drops-700: #7c5200;
--color-sun-drops-800: #5d3a00;
--color-sun-drops-900: #412800;
--color-sun-drops-950: #2a1600;
}SCSS
$sun-drops: #eaaf11;
$sun-drops-rgb: 234, 175, 17;
$sun-drops-light: mix(#fff, $sun-drops, 20%);
$sun-drops-dark: mix(#000, $sun-drops, 20%);
.element {
color: $sun-drops;
box-shadow: 0 0 0 2px rgba($sun-drops, 0.35);
}