이름 색상 · #415064
December Eve
December Eve은(는) #415064: rgb(65 80 100), hsl(214 21% 32%), oklch(0.427 0.038 255.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · December Eve color name →
#415064
oklch(0.427 0.038 255.7)
색상 변환
- HEX
- #415064
- RGB
- rgb(65 80 100)
- HSL
- hsl(214 21% 32%)
- HWB
- hwb(214 25% 61%)
- OKLCH
- oklch(0.427 0.038 255.7)
- OKLab
- oklab(0.427 -0.009 -0.037)
- CIE Lab
- lab(33.35 -1.99 -13.73)
- LCH
- lch(33.35 13.88 261.8)
- CMYK
- cmyk(35% 20% 0% 61%)
틴트 · 셰이드 · 톤
틴트
- 526072
- 637081
- 758190
- 88929F
- 9BA3AF
- AEB5BE
- C2C7CE
- D6D9DE
- EAECEF
셰이드
- 374456
- 2E3948
- 252E3B
- 1C242E
- 131A22
- 0B1016
- 05070B
- 010203
- 000000
톤
- 475567
- 4D596A
- 535E6D
- 5A636F
- 606872
- 666D75
- 6D7178
- 73767B
- 797B7D
색 조화
보색 +180°
- 415064
December Eve
- 5B4C37
≈ Beggar
유사색 -30° +30°
- 415064
December Eve
- 38535F
≈ Opera Glasses
- 4D4C63
≈ Legendary Purple
삼각 배색 +120° +240°
- 415064
December Eve
- 624648
≈ Purple Earth
- 46543F
≈ Castellan Green
분열 보색 +150° +210°
- 415064
December Eve
- 61483D
≈ Warm Brownie
- 515038
≈ Panda
사각 배색 +90° +180° +270°
- 415064
December Eve
- 5F4753
≈ Plummy Rouge
- 5B4C37
≈ Beggar
- 3A564A
≈ Leprechaun Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.21:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.55:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--december-eve: #415064;
--december-eve-rgb: 65 80 100;
--december-eve-oklch: oklch(0.427 0.038 255.7);
}
.element {
color: var(--december-eve);
background-color: hsl(214 21% 32%);
border-color: oklch(0.427 0.038 255.7);
}Tailwind CSS v4
@theme {
--color-december-eve: #415064;
--color-december-eve-50: #eef6ff;
--color-december-eve-100: #e0e9f5;
--color-december-eve-200: #cad5e5;
--color-december-eve-300: #abb8cb;
--color-december-eve-400: #90a0b5;
--color-december-eve-500: #7688a0;
--color-december-eve-600: #647387;
--color-december-eve-700: #505c6c;
--color-december-eve-800: #394350;
--color-december-eve-900: #272e37;
--color-december-eve-950: #151b22;
}SCSS
$december-eve: #415064;
$december-eve-rgb: 65, 80, 100;
$december-eve-light: mix(#fff, $december-eve, 20%);
$december-eve-dark: mix(#000, $december-eve, 20%);
.element {
color: $december-eve;
box-shadow: 0 0 0 2px rgba($december-eve, 0.35);
}