이름 색상 · #384351
Starlit Eve
Starlit Eve은(는) #384351: rgb(56 67 81), hsl(214 18% 27%), oklch(0.379 0.028 254.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Starlit Eve color name →
#384351
oklch(0.379 0.028 254.6)
색상 변환
- HEX
- #384351
- RGB
- rgb(56 67 81)
- HSL
- hsl(214 18% 27%)
- HWB
- hwb(214 22% 68%)
- OKLCH
- oklch(0.379 0.028 254.6)
- OKLab
- oklab(0.379 -0.007 -0.027)
- CIE Lab
- lab(27.85 -1.78 -10.02)
- LCH
- lch(27.85 10.18 259.9)
- CMYK
- cmyk(31% 17% 0% 68%)
틴트 · 셰이드 · 톤
틴트
- 495461
- 5C6571
- 6E7782
- 828993
- 959CA4
- AAAFB6
- BEC2C7
- D4D6DA
- E9EAEC
셰이드
- 2F3945
- 272F3A
- 1F262F
- 171D24
- 0F141A
- 080C10
- 040507
- 010102
- 000000
톤
- 3F4956
- 464F5A
- 4D555F
- 545B64
- 5B6168
- 62676D
- 6A6D72
- 717376
- 787A7B
색 조화
보색 +180°
- 384351
Starlit Eve
- 4B4031
≈ Mineral Brown
유사색 -30° +30°
- 384351
Starlit Eve
- 32454D
≈ Gale Force
- 404051
≈ Blueberry Tart
삼각 배색 +120° +240°
- 384351
Starlit Eve
- 503C3D
≈ Magenta Ink
- 3C4636
≈ Arame Seaweed Green
분열 보색 +150° +210°
- 384351
Starlit Eve
- 4F3E36
≈ Obsidian Brown
- 444332
≈ Garden Path
사각 배색 +90° +180° +270°
- 384351
Starlit Eve
- 4D3C46
≈ Funkie Friday
- 4B4031
≈ Mineral Brown
- 34473E
≈ Government Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.04:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.08:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.04:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--starlit-eve: #384351;
--starlit-eve-rgb: 56 67 81;
--starlit-eve-oklch: oklch(0.379 0.028 254.6);
}
.element {
color: var(--starlit-eve);
background-color: hsl(214 18% 27%);
border-color: oklch(0.379 0.028 254.6);
}Tailwind CSS v4
@theme {
--color-starlit-eve: #384351;
--color-starlit-eve-50: #f0f6fd;
--color-starlit-eve-100: #e2e8f1;
--color-starlit-eve-200: #cdd5e0;
--color-starlit-eve-300: #aeb8c6;
--color-starlit-eve-400: #93a0af;
--color-starlit-eve-500: #7a8799;
--color-starlit-eve-600: #677381;
--color-starlit-eve-700: #525c68;
--color-starlit-eve-800: #3c434c;
--color-starlit-eve-900: #292e35;
--color-starlit-eve-950: #171b20;
}SCSS
$starlit-eve: #384351;
$starlit-eve-rgb: 56, 67, 81;
$starlit-eve-light: mix(#fff, $starlit-eve, 20%);
$starlit-eve-dark: mix(#000, $starlit-eve, 20%);
.element {
color: $starlit-eve;
box-shadow: 0 0 0 2px rgba($starlit-eve, 0.35);
}