이름 색상 · #606079
Twilight Dusk
Twilight Dusk은(는) #606079: rgb(96 96 121), hsl(240 12% 43%), oklch(0.499 0.04 284.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Twilight Dusk color name →
#606079
oklch(0.499 0.04 284.9)
색상 변환
- HEX
- #606079
- RGB
- rgb(96 96 121)
- HSL
- hsl(240 12% 43%)
- HWB
- hwb(240 38% 53%)
- OKLCH
- oklch(0.499 0.04 284.9)
- OKLab
- oklab(0.499 0.01 -0.038)
- CIE Lab
- lab(41.45 4.35 -14.13)
- LCH
- lch(41.45 14.78 287.1)
- CMYK
- cmyk(21% 21% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 6E6F86
- 7D7E93
- 8D8DA0
- 9C9CAD
- ACACBA
- BCBCC8
- CCCDD5
- DDDDE3
- EEEEF1
셰이드
- 525268
- 454558
- 383848
- 2C2C39
- 20202B
- 15151D
- 0A0A10
- 030305
- 000001
톤
- 63637A
- 66667B
- 696A7B
- 6D6D7C
- 70707D
- 73737D
- 76767E
- 797A7F
- 7D7D7F
색 조화
보색 +180°
- 606079
Twilight Dusk
- 66644A
≈ Incense Cedar
유사색 -30° +30°
- 606079
Twilight Dusk
- 546479
≈ Evening Symphony
- 6B5C73
≈ Violet Haze
삼각 배색 +120° +240°
- 606079
Twilight Dusk
- 775C50
≈ Picador
- 4E6A5D
≈ Green Beret
분열 보색 +150° +210°
- 606079
Twilight Dusk
- 70604A
≈ Midnight Brown
- 596851
≈ Picholine
사각 배색 +90° +180° +270°
- 606079
Twilight Dusk
- 785A5C
≈ Falcon Wing
- 66644A
≈ Incense Cedar
- 486A6A
≈ Sea Pine
대비 및 접근성
Ag
AA흰색 위
WCAG 6.09:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.44:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--twilight-dusk: #606079;
--twilight-dusk-rgb: 96 96 121;
--twilight-dusk-oklch: oklch(0.499 0.04 284.9);
}
.element {
color: var(--twilight-dusk);
background-color: hsl(240 12% 43%);
border-color: oklch(0.499 0.04 284.9);
}Tailwind CSS v4
@theme {
--color-twilight-dusk: #606079;
--color-twilight-dusk-50: #f4f4ff;
--color-twilight-dusk-100: #e6e6f5;
--color-twilight-dusk-200: #d2d2e5;
--color-twilight-dusk-300: #b5b5cb;
--color-twilight-dusk-400: #9b9cb6;
--color-twilight-dusk-500: #8383a0;
--color-twilight-dusk-600: #6f6f87;
--color-twilight-dusk-700: #59596c;
--color-twilight-dusk-800: #404150;
--color-twilight-dusk-900: #2c2d38;
--color-twilight-dusk-950: #191a22;
}SCSS
$twilight-dusk: #606079;
$twilight-dusk-rgb: 96, 96, 121;
$twilight-dusk-light: mix(#fff, $twilight-dusk, 20%);
$twilight-dusk-dark: mix(#000, $twilight-dusk, 20%);
.element {
color: $twilight-dusk;
box-shadow: 0 0 0 2px rgba($twilight-dusk, 0.35);
}