가장 가까운 이름 색상 · #4C0E00
#4C0E00
가장 가까운 이름 색상: Lonely Chocolate
#4C0E00(rgb(76 14 0), hsl(11 100% 15%), oklch(0.275 0.095 35.5))와 가장 가까운 이름 색상은 Lonely Chocolate입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4C0E00
oklch(0.275 0.095 35.5)
색상 변환
- HEX
- #4c0e00
- RGB
- rgb(76 14 0)
- HSL
- hsl(11 100% 15%)
- HWB
- hwb(11 0% 70%)
- OKLCH
- oklch(0.275 0.095 35.5)
- OKLab
- oklab(0.275 0.078 0.055)
- CIE Lab
- lab(15.08 28.72 23.29)
- LCH
- lch(15.08 36.98 39)
- CMYK
- cmyk(0% 82% 100% 70%)
틴트 · 셰이드 · 톤
틴트
- 5E2618
- 713D2F
- 825347
- 946A5F
- A68278
- B89A92
- CAB2AC
- DBCBC7
- EDE5E3
셰이드
- 410B00
- 360700
- 2C0500
- 220300
- 180200
- 0F0100
- 060000
- 020000
- 000000
톤
- 521C0D
- 59271B
- 5F3327
- 643E33
- 694940
- 6E534C
- 735E59
- 786A66
- 7C7573
색 조화
보색 +180°
- 4C0E00
Lonely Chocolate
- 002D37
≈ Black Chasm
유사색 -30° +30°
- 4C0E00
Lonely Chocolate
- 4B0A21
≈ What We Do in the Shadows
- 3C2000
≈ Dark Ebony
삼각 배색 +120° +240°
- 4C0E00
Lonely Chocolate
- 003119
≈ Nightly Woods
- 1C2055
≈ Spacescape
분열 보색 +150° +210°
- 4C0E00
Lonely Chocolate
- 002F2B
≈ Roof Tile Green
- 002A47
≈ Royal Blue Metallic
사각 배색 +90° +180° +270°
- 4C0E00
Lonely Chocolate
- 202D00
≈ Blind Forest
- 002D37
≈ Black Chasm
- 33174C
≈ Russian Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.32:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.37:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.32:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--lonely-chocolate: #4c0e00;
--lonely-chocolate-rgb: 76 14 0;
--lonely-chocolate-oklch: oklch(0.275 0.095 35.5);
}
.element {
color: var(--lonely-chocolate);
background-color: hsl(11 100% 15%);
border-color: oklch(0.275 0.095 35.5);
}Tailwind CSS v4
@theme {
--color-lonely-chocolate: #4c0e00;
--color-lonely-chocolate-50: #ffece2;
--color-lonely-chocolate-100: #ffded2;
--color-lonely-chocolate-200: #fac7b8;
--color-lonely-chocolate-300: #e3a795;
--color-lonely-chocolate-400: #d08a77;
--color-lonely-chocolate-500: #bc6e59;
--color-lonely-chocolate-600: #9f5d4c;
--color-lonely-chocolate-700: #804b3d;
--color-lonely-chocolate-800: #5f362c;
--color-lonely-chocolate-900: #43251e;
--color-lonely-chocolate-950: #2b130e;
}SCSS
$lonely-chocolate: #4c0e00;
$lonely-chocolate-rgb: 76, 14, 0;
$lonely-chocolate-light: mix(#fff, $lonely-chocolate, 20%);
$lonely-chocolate-dark: mix(#000, $lonely-chocolate, 20%);
.element {
color: $lonely-chocolate;
box-shadow: 0 0 0 2px rgba($lonely-chocolate, 0.35);
}