이름 색상 · #4E518B
Twilight
Twilight은(는) #4E518B: rgb(78 81 139), hsl(237 28% 43%), oklch(0.46 0.094 279.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Twilight color name →
#4E518B
oklch(0.46 0.094 279.8)
색상 변환
- HEX
- #4e518b
- RGB
- rgb(78 81 139)
- HSL
- hsl(237 28% 43%)
- HWB
- hwb(237 31% 45%)
- OKLCH
- oklch(0.46 0.094 279.8)
- OKLab
- oklab(0.46 0.016 -0.092)
- CIE Lab
- lab(36.29 10.97 -33.17)
- LCH
- lch(36.29 34.93 288.3)
- CMYK
- cmyk(44% 42% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 5E6197
- 6E72A2
- 7E83AE
- 9094BA
- A1A5C5
- B3B7D1
- C6C8DC
- D8DAE8
- ECEDF3
셰이드
- 434578
- 383A66
- 2D2F54
- 232443
- 191A32
- 0F1023
- 070714
- 020207
- 000001
톤
- 53568A
- 575B8A
- 5C6089
- 616488
- 666987
- 6B6E86
- 707285
- 757783
- 7B7B82
색 조화
보색 +180°
- 4E518B
Twilight
- 655805
≈ Ayahuasca Vine
유사색 -30° +30°
- 4E518B
Twilight
- 2A5B8A
≈ Dead Lake
- 68487F
≈ Violet Majesty
삼각 배색 +120° +240°
- 4E518B
Twilight
- 83442E
≈ Cacao Nibs
- 196845
≈ Jewel
분열 보색 +150° +210°
- 4E518B
Twilight
- 794D0E
≈ Lucky Brown
- 476225
≈ Rainforest Matcha
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.30:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.87:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--twilight: #4e518b;
--twilight-rgb: 78 81 139;
--twilight-oklch: oklch(0.46 0.094 279.8);
}
.element {
color: var(--twilight);
background-color: hsl(237 28% 43%);
border-color: oklch(0.46 0.094 279.8);
}Tailwind CSS v4
@theme {
--color-twilight: #4e518b;
--color-twilight-50: #f0f3ff;
--color-twilight-100: #e2e5ff;
--color-twilight-200: #cdd0fc;
--color-twilight-300: #afb2e7;
--color-twilight-400: #9399d5;
--color-twilight-500: #7a7fc3;
--color-twilight-600: #676ba5;
--color-twilight-700: #525684;
--color-twilight-800: #3b3f62;
--color-twilight-900: #282b45;
--color-twilight-950: #16182d;
}SCSS
$twilight: #4e518b;
$twilight-rgb: 78, 81, 139;
$twilight-light: mix(#fff, $twilight, 20%);
$twilight-dark: mix(#000, $twilight, 20%);
.element {
color: $twilight;
box-shadow: 0 0 0 2px rgba($twilight, 0.35);
}