가장 가까운 이름 색상 · #0C4545
#0C4545
가장 가까운 이름 색상: Rich Black
#0C4545(rgb(12 69 69), hsl(180 70% 16%), oklch(0.356 0.055 194.9))와 가장 가까운 이름 색상은 Rich Black입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#0C4545
oklch(0.356 0.055 194.9)
색상 변환
- HEX
- #0c4545
- RGB
- rgb(12 69 69)
- HSL
- hsl(180 70% 16%)
- HWB
- hwb(180 5% 73%)
- OKLCH
- oklch(0.356 0.055 194.9)
- OKLab
- oklab(0.356 -0.054 -0.014)
- CIE Lab
- lab(25.89 -18.16 -5.45)
- LCH
- lch(25.89 18.96 196.7)
- CMYK
- cmyk(83% 0% 0% 73%)
틴트 · 셰이드 · 톤
틴트
- 285656
- 406767
- 577978
- 6D8B8A
- 859D9D
- 9CB0B0
- B4C3C3
- CDD7D7
- E6EBEB
셰이드
- 093B3B
- 063131
- 042727
- 031E1E
- 021515
- 010C0C
- 000505
- 000202
- 000000
톤
- 1D4B4B
- 2A5150
- 355656
- 405C5C
- 4B6262
- 566868
- 606E6E
- 6B7474
- 757A7A
색 조화
보색 +180°
- 0C4545
Rich Black
- 553033
≈ Mid Century
유사색 -30° +30°
- 0C4545
Rich Black
- 1B4535
≈ Sherwood Green
- 154252
≈ Cold and Dark
삼각 배색 +120° +240°
- 0C4545
Rich Black
- 473350
≈ Oregon Grape
- 4D3818
≈ Café Noir
분열 보색 +150° +210°
- 0C4545
Rich Black
- 513043
≈ Potent Purple
- 543223
≈ Wild Boar
사각 배색 +90° +180° +270°
- 0C4545
Rich Black
- 393858
≈ Magic Night
- 553033
≈ Mid Century
- 403E18
≈ Turtle Skin
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.75:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.95:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--rich-black: #0c4545;
--rich-black-rgb: 12 69 69;
--rich-black-oklch: oklch(0.356 0.055 194.9);
}
.element {
color: var(--rich-black);
background-color: hsl(180 70% 16%);
border-color: oklch(0.356 0.055 194.9);
}Tailwind CSS v4
@theme {
--color-rich-black: #0c4545;
--color-rich-black-50: #e4fafa;
--color-rich-black-100: #d4eeee;
--color-rich-black-200: #badcdc;
--color-rich-black-300: #97c1c1;
--color-rich-black-400: #77a9a8;
--color-rich-black-500: #589291;
--color-rich-black-600: #4b7b7b;
--color-rich-black-700: #3c6362;
--color-rich-black-800: #2a4948;
--color-rich-black-900: #1d3232;
--color-rich-black-950: #0c1e1e;
}SCSS
$rich-black: #0c4545;
$rich-black-rgb: 12, 69, 69;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}