이름 색상 · #EAD97C
Celestial Crown
Celestial Crown은(는) #EAD97C: rgb(234 217 124), hsl(51 72% 70%), oklch(0.88 0.116 99.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Celestial Crown color name →
#EAD97C
oklch(0.88 0.116 99.2)
색상 변환
- HEX
- #ead97c
- RGB
- rgb(234 217 124)
- HSL
- hsl(51 72% 70%)
- HWB
- hwb(51 49% 8%)
- OKLCH
- oklch(0.88 0.116 99.2)
- OKLab
- oklab(0.88 -0.018 0.114)
- CIE Lab
- lab(86.64 -2.91 47.7)
- LCH
- lch(86.64 47.79 93.5)
- CMYK
- cmyk(0% 7% 47% 8%)
틴트 · 셰이드 · 톤
틴트
- ECDD8B
- EEE199
- F0E5A6
- F2E9B4
- F4EDC0
- F6F0CD
- F8F4DA
- FBF8E6
- FDFBF3
셰이드
- CBBC6B
- AEA15A
- 91864A
- 756C3B
- 5A532C
- 413B1E
- 292511
- 131105
- 030201
톤
- DFD07E
- D4C77F
- C9BE81
- BEB581
- B3AC82
- A9A382
- 9E9A82
- 949182
- 8A8981
색 조화
보색 +180°
- EAD97C
Celestial Crown
- CED4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EAD97C
Celestial Crown
- FFCD96
≈ Tangerine Silk
- BFE794
≈ Oxalis
삼각 배색 +120° +240°
- EAD97C
Celestial Crown
- 93E6FF
≈ Winter Wizard
- FFC1EA
≈ Pretty in Pink
분열 보색 +150° +210°
- EAD97C
Celestial Crown
- B9DBFF
≈ Broad Daylight
- E7CAFF
≈ Lens Flare Pink
사각 배색 +90° +180° +270°
- EAD97C
Celestial Crown
- 6EF0E7
≈ Blue Crystal Landscape
- CED4FF
≈ Pale Phthalo Blue
- FFC6CE
≈ Rubber Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.71:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--celestial-crown: #ead97c;
--celestial-crown-rgb: 234 217 124;
--celestial-crown-oklch: oklch(0.88 0.116 99.2);
}
.element {
color: var(--celestial-crown);
background-color: hsl(51 72% 70%);
border-color: oklch(0.88 0.116 99.2);
}Tailwind CSS v4
@theme {
--color-celestial-crown: #ead97c;
--color-celestial-crown-50: #fcf7d1;
--color-celestial-crown-100: #f0eabe;
--color-celestial-crown-200: #ded69d;
--color-celestial-crown-300: #c4ba72;
--color-celestial-crown-400: #af9f48;
--color-celestial-crown-500: #998606;
--color-celestial-crown-600: #82720e;
--color-celestial-crown-700: #685b0c;
--color-celestial-crown-800: #4e4205;
--color-celestial-crown-900: #362e04;
--color-celestial-crown-950: #211a00;
}SCSS
$celestial-crown: #ead97c;
$celestial-crown-rgb: 234, 217, 124;
$celestial-crown-light: mix(#fff, $celestial-crown, 20%);
$celestial-crown-dark: mix(#000, $celestial-crown, 20%);
.element {
color: $celestial-crown;
box-shadow: 0 0 0 2px rgba($celestial-crown, 0.35);
}