이름 색상 · #012389
Blue Lust
Blue Lust은(는) #012389: rgb(1 35 137), hsl(225 99% 27%), oklch(0.324 0.171 263.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Lust color name →
#012389
oklch(0.324 0.171 263.6)
색상 변환
- HEX
- #012389
- RGB
- rgb(1 35 137)
- HSL
- hsl(225 99% 27%)
- HWB
- hwb(225 0% 46%)
- OKLCH
- oklch(0.324 0.171 263.6)
- OKLab
- oklab(0.324 -0.019 -0.17)
- CIE Lab
- lab(18.92 25.96 -60.25)
- LCH
- lch(18.92 65.6 293.3)
- CMYK
- cmyk(99% 74% 0% 46%)
틴트 · 셰이드 · 톤
틴트
- 173C96
- 2E53A3
- 4668B0
- 5F7DBC
- 7893C8
- 92A8D3
- ACBDDF
- C7D3EA
- E3E9F5
셰이드
- 011D76
- 011764
- 001153
- 000C42
- 000731
- 000422
- 000114
- 000007
- 000001
톤
- 0C3089
- 1A3B8A
- 264589
- 334F89
- 3F5788
- 4C6088
- 596886
- 667085
- 737883
색 조화
보색 +180°
- 012389
Blue Lust
- 443000
≈ Night in the Woods
유사색 -30° +30°
- 012389
Blue Lust
- 003951
≈ Gibraltar Sea
- 3E0880
≈ Marionberry
삼각 배색 +120° +240°
- 012389
Blue Lust
- 67000E
≈ Darkest Dungeon
- 004105
≈ Hunter Green
분열 보색 +150° +210°
- 012389
Blue Lust
- 532600
≈ Conker Brown
- 343800
≈ Wasabi Nori
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.10:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.60:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.10:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--blue-lust: #012389;
--blue-lust-rgb: 1 35 137;
--blue-lust-oklch: oklch(0.324 0.171 263.6);
}
.element {
color: var(--blue-lust);
background-color: hsl(225 99% 27%);
border-color: oklch(0.324 0.171 263.6);
}Tailwind CSS v4
@theme {
--color-blue-lust: #012389;
--color-blue-lust-50: #def5ff;
--color-blue-lust-100: #cde8ff;
--color-blue-lust-200: #b1d3ff;
--color-blue-lust-300: #8db4ff;
--color-blue-lust-400: #699aff;
--color-blue-lust-500: #487ef6;
--color-blue-lust-600: #3e6bcf;
--color-blue-lust-700: #3156a7;
--color-blue-lust-800: #1f3f7d;
--color-blue-lust-900: #142c58;
--color-blue-lust-950: #06183c;
}SCSS
$blue-lust: #012389;
$blue-lust-rgb: 1, 35, 137;
$blue-lust-light: mix(#fff, $blue-lust, 20%);
$blue-lust-dark: mix(#000, $blue-lust, 20%);
.element {
color: $blue-lust;
box-shadow: 0 0 0 2px rgba($blue-lust, 0.35);
}