이름 색상 · #3B476B
Starlit Night
Starlit Night은(는) #3B476B: rgb(59 71 107), hsl(225 29% 33%), oklch(0.404 0.063 269.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Starlit Night color name →
#3B476B
oklch(0.404 0.063 269.4)
색상 변환
- HEX
- #3b476b
- RGB
- rgb(59 71 107)
- HSL
- hsl(225 29% 33%)
- HWB
- hwb(225 23% 58%)
- OKLCH
- oklch(0.404 0.063 269.4)
- OKLab
- oklab(0.404 -0.001 -0.063)
- CIE Lab
- lab(30.36 3.03 -22.78)
- LCH
- lch(30.36 22.98 277.6)
- CMYK
- cmyk(45% 34% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 4C5879
- 5E6988
- 707A96
- 838CA5
- 979FB3
- ABB1C2
- BFC4D1
- D4D8E0
- E9EBF0
셰이드
- 323D5C
- 29324E
- 21283F
- 191F32
- 111625
- 090D18
- 04060D
- 010204
- 000000
톤
- 414D6D
- 485270
- 4F5872
- 565E74
- 5C6376
- 636978
- 6A6F7A
- 72747C
- 797A7E
색 조화
보색 +180°
- 3B476B
Starlit Night
- 56471D
≈ Bronze Olive
유사색 -30° +30°
- 3B476B
Starlit Night
- 254D67
≈ Seafarer
- 4E4166
≈ Evening Lavender
삼각 배색 +120° +240°
- 3B476B
Starlit Night
- 673B35
≈ Manzanita
- 2F5236
≈ Kaitoke Green
분열 보색 +150° +210°
- 3B476B
Starlit Night
- 624024
≈ Satoimo Brown
- 454E25
≈ Bronze Tone
사각 배색 +90° +180° +270°
- 3B476B
Starlit Night
- 643A48
≈ Tawny Port
- 56471D
≈ Bronze Olive
- 18544A
≈ Cape Verde
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.13:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.29:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.13:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--starlit-night: #3b476b;
--starlit-night-rgb: 59 71 107;
--starlit-night-oklch: oklch(0.404 0.063 269.4);
}
.element {
color: var(--starlit-night);
background-color: hsl(225 29% 33%);
border-color: oklch(0.404 0.063 269.4);
}Tailwind CSS v4
@theme {
--color-starlit-night: #3b476b;
--color-starlit-night-50: #eef5ff;
--color-starlit-night-100: #e0e7fe;
--color-starlit-night-200: #cad3f0;
--color-starlit-night-300: #abb6d8;
--color-starlit-night-400: #8f9dc4;
--color-starlit-night-500: #7585b1;
--color-starlit-night-600: #637095;
--color-starlit-night-700: #4f5a78;
--color-starlit-night-800: #394259;
--color-starlit-night-900: #272d3e;
--color-starlit-night-950: #151a27;
}SCSS
$starlit-night: #3b476b;
$starlit-night-rgb: 59, 71, 107;
$starlit-night-light: mix(#fff, $starlit-night, 20%);
$starlit-night-dark: mix(#000, $starlit-night, 20%);
.element {
color: $starlit-night;
box-shadow: 0 0 0 2px rgba($starlit-night, 0.35);
}