가장 가까운 이름 색상 · #2C0C4B
#2C0C4B
가장 가까운 이름 색상: Your Darkness
#2C0C4B(rgb(44 12 75), hsl(270 72% 17%), oklch(0.249 0.108 302))와 가장 가까운 이름 색상은 Your Darkness입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2C0C4B
oklch(0.249 0.108 302)
색상 변환
- HEX
- #2c0c4b
- RGB
- rgb(44 12 75)
- HSL
- hsl(270 72% 17%)
- HWB
- hwb(270 5% 71%)
- OKLCH
- oklch(0.249 0.108 302)
- OKLab
- oklab(0.249 0.057 -0.092)
- CIE Lab
- lab(10.92 26.75 -32.63)
- LCH
- lch(10.92 42.19 309.3)
- CMYK
- cmyk(41% 84% 0% 71%)
틴트 · 셰이드 · 톤
틴트
- 3E245C
- 503B6E
- 645180
- 786891
- 8D80A3
- A398B5
- B9B1C7
- D0CBDA
- E7E5EC
셰이드
- 250940
- 1E0635
- 17042B
- 110321
- 0A0217
- 05010E
- 020006
- 010002
- 000000
톤
- 331A51
- 3B2657
- 43315C
- 4B3C62
- 544767
- 5C526C
- 655E71
- 6E6976
- 77747B
색 조화
보색 +180°
- 2C0C4B
Your Darkness
- 1D2600
≈ Lindworm Green
유사색 -30° +30°
- 2C0C4B
Your Darkness
- 121754
≈ Shadowdancer
- 3C0238
≈ Greek Aubergine
삼각 배색 +120° +240°
- 2C0C4B
Your Darkness
- 341A00
≈ Powdered Cocoa
- 002823
≈ Deep Slate Green
분열 보색 +150° +210°
- 2C0C4B
Your Darkness
- 2A2000
≈ Liquorice Root
- 002A10
≈ Zia Olive
사각 배색 +90° +180° +270°
- 2C0C4B
Your Darkness
- 440500
≈ Eyelids
- 1D2600
≈ Lindworm Green
- 00272D
≈ Daintree
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.64:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.26:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.64:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--your-darkness: #2c0c4b;
--your-darkness-rgb: 44 12 75;
--your-darkness-oklch: oklch(0.249 0.108 302);
}
.element {
color: var(--your-darkness);
background-color: hsl(270 72% 17%);
border-color: oklch(0.249 0.108 302);
}Tailwind CSS v4
@theme {
--color-your-darkness: #2c0c4b;
--color-your-darkness-50: #fceeff;
--color-your-darkness-100: #efe0ff;
--color-your-darkness-200: #dec9fb;
--color-your-darkness-300: #c3aae5;
--color-your-darkness-400: #aa8fd4;
--color-your-darkness-500: #9474c2;
--color-your-darkness-600: #7d62a3;
--color-your-darkness-700: #644e83;
--color-your-darkness-800: #483962;
--color-your-darkness-900: #322745;
--color-your-darkness-950: #1e152d;
}SCSS
$your-darkness: #2c0c4b;
$your-darkness-rgb: 44, 12, 75;
$your-darkness-light: mix(#fff, $your-darkness, 20%);
$your-darkness-dark: mix(#000, $your-darkness, 20%);
.element {
color: $your-darkness;
box-shadow: 0 0 0 2px rgba($your-darkness, 0.35);
}