이름 색상 · #00022E
Illicit Darkness
Illicit Darkness은(는) #00022E: rgb(0 2 46), hsl(237 100% 9%), oklch(0.143 0.09 264.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Illicit Darkness color name →
#00022E
oklch(0.143 0.09 264.2)
색상 변환
- HEX
- #00022e
- RGB
- rgb(0 2 46)
- HSL
- hsl(237 100% 9%)
- HWB
- hwb(237 0% 82%)
- OKLCH
- oklch(0.143 0.09 264.2)
- OKLab
- oklab(0.143 -0.009 -0.089)
- CIE Lab
- lab(1.89 8.58 -26.62)
- LCH
- lch(1.89 27.97 287.9)
- CMYK
- cmyk(100% 96% 0% 82%)
틴트 · 셰이드 · 톤
틴트
- 081942
- 1E3056
- 36476A
- 505F7E
- 6A7893
- 8692A8
- A3ACBD
- C1C7D3
- E0E3E9
셰이드
- 000127
- 00011F
- 000118
- 000012
- 00000B
- 000006
- 000002
- 000001
- 000000
톤
- 030F37
- 0C1B3F
- 192848
- 263450
- 344058
- 424C60
- 515968
- 606670
- 707378
색 조화
보색 +180°
- 00022E
Illicit Darkness
- 0F0800
≈ Blackout
유사색 -30° +30°
- 00022E
Illicit Darkness
- 000B14
≈ Black Knight
- 0E0026
≈ Space Grey
삼각 배색 +120° +240°
- 00022E
Illicit Darkness
- 1C0001
≈ Dwarf Fortress
- 000E01
≈ Cosmic Bit Flip
분열 보색 +150° +210°
- 00022E
Illicit Darkness
- 150500
≈ Soy Sauce
- 0A0B00
≈ Whiten’t
사각 배색 +90° +180° +270°
- 00022E
Illicit Darkness
- 1A000B
≈ Belladonna
- 0F0800
≈ Blackout
- 000D09
≈ Alpine Salamander
대비 및 접근성
Ag
AAA흰색 위
WCAG 20.03:1 · APCA Lc 106
Ag
Fail검은색 위
WCAG 1.04:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 20.03:1 (AAA) · APCA Lc 106
Contrast pairs
코드 스니펫
CSS
:root {
--illicit-darkness: #00022e;
--illicit-darkness-rgb: 0 2 46;
--illicit-darkness-oklch: oklch(0.143 0.09 264.2);
}
.element {
color: var(--illicit-darkness);
background-color: hsl(237 100% 9%);
border-color: oklch(0.143 0.09 264.2);
}Tailwind CSS v4
@theme {
--color-illicit-darkness: #00022e;
--color-illicit-darkness-50: #e9f5ff;
--color-illicit-darkness-100: #dae8ff;
--color-illicit-darkness-200: #c2d4fc;
--color-illicit-darkness-300: #a2b7e6;
--color-illicit-darkness-400: #849ed4;
--color-illicit-darkness-500: #6885c2;
--color-illicit-darkness-600: #5871a4;
--color-illicit-darkness-700: #465a83;
--color-illicit-darkness-800: #314262;
--color-illicit-darkness-900: #212e44;
--color-illicit-darkness-950: #111a2c;
}SCSS
$illicit-darkness: #00022e;
$illicit-darkness-rgb: 0, 2, 46;
$illicit-darkness-light: mix(#fff, $illicit-darkness, 20%);
$illicit-darkness-dark: mix(#000, $illicit-darkness, 20%);
.element {
color: $illicit-darkness;
box-shadow: 0 0 0 2px rgba($illicit-darkness, 0.35);
}