가장 가까운 이름 색상 · #3F2E30
#3F2E30
가장 가까운 이름 색상: Havana
#3F2E30(rgb(63 46 48), hsl(353 16% 21%), oklch(0.321 0.025 10.7))와 가장 가까운 이름 색상은 Havana입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3F2E30
oklch(0.321 0.025 10.7)
색상 변환
- HEX
- #3f2e30
- RGB
- rgb(63 46 48)
- HSL
- hsl(353 16% 21%)
- HWB
- hwb(353 18% 75%)
- OKLCH
- oklch(0.321 0.025 10.7)
- OKLab
- oklab(0.321 0.025 0.005)
- CIE Lab
- lab(20.99 8.31 1.89)
- LCH
- lch(20.99 8.52 12.8)
- CMYK
- cmyk(0% 27% 24% 75%)
틴트 · 셰이드 · 톤
틴트
- 504042
- 625354
- 746668
- 877B7C
- 9A8F90
- ADA5A6
- C1BBBB
- D5D1D1
- EAE8E8
셰이드
- 352728
- 2C1F21
- 23181A
- 1B1213
- 120B0C
- 0A0606
- 040203
- 010101
- 000000
톤
- 453637
- 4C3D3F
- 524547
- 594D4E
- 5F5556
- 665E5E
- 6C6667
- 736F6F
- 797777
색 조화
보색 +180°
- 3F2E30
Havana
- 243736
≈ Kōrainando Green
유사색 -30° +30°
- 3F2E30
Havana
- 3C2E37
≈ Valentino Nero
- 3F2F29
≈ Chinese Ink
삼각 배색 +120° +240°
- 3F2E30
Havana
- 2F3628
≈ Aimiru Brown
- 2A3440
≈ Anchors Aweigh
분열 보색 +150° +210°
- 3F2E30
Havana
- 28372F
≈ Tetsu Black
- 25363C
≈ Petrol Slumber
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.76:1 · APCA Lc 99
Ag
Fail검은색 위
WCAG 1.64:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 99
Contrast pairs
코드 스니펫
CSS
:root {
--havana: #3f2e30;
--havana-rgb: 63 46 48;
--havana-oklch: oklch(0.321 0.025 10.7);
}
.element {
color: var(--havana);
background-color: hsl(353 16% 21%);
border-color: oklch(0.321 0.025 10.7);
}Tailwind CSS v4
@theme {
--color-havana: #3f2e30;
--color-havana-50: #fcf2f3;
--color-havana-100: #f0e5e5;
--color-havana-200: #dfd0d1;
--color-havana-300: #c4b2b4;
--color-havana-400: #ad999b;
--color-havana-500: #968082;
--color-havana-600: #7f6c6e;
--color-havana-700: #665658;
--color-havana-800: #4b3f40;
--color-havana-900: #342b2c;
--color-havana-950: #1f191a;
}SCSS
$havana: #3f2e30;
$havana-rgb: 63, 46, 48;
$havana-light: mix(#fff, $havana, 20%);
$havana-dark: mix(#000, $havana, 20%);
.element {
color: $havana;
box-shadow: 0 0 0 2px rgba($havana, 0.35);
}