가장 가까운 이름 색상 · #2D1D11
#2D1D11
가장 가까운 이름 색상: Burnt Coffee
#2D1D11(rgb(45 29 17), hsl(26 45% 12%), oklch(0.248 0.033 57.4))와 가장 가까운 이름 색상은 Burnt Coffee입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D1D11
oklch(0.248 0.033 57.4)
색상 변환
- HEX
- #2d1d11
- RGB
- rgb(45 29 17)
- HSL
- hsl(26 45% 12%)
- HWB
- hwb(26 7% 82%)
- OKLCH
- oklch(0.248 0.033 57.4)
- OKLab
- oklab(0.248 0.018 0.028)
- CIE Lab
- lab(12.6 6.8 11.23)
- LCH
- lch(12.6 13.13 58.8)
- CMYK
- cmyk(0% 36% 62% 82%)
틴트 · 셰이드 · 톤
틴트
- 3F3025
- 524439
- 66594F
- 7A6F66
- 8F857E
- A59C96
- BBB4B0
- D1CDC9
- E8E6E4
셰이드
- 26180D
- 1F1309
- 180E06
- 110904
- 0B0502
- 060301
- 020100
- 010000
- 000000
톤
- 35261B
- 3D2F25
- 453930
- 4D423A
- 554C45
- 5E5651
- 66605C
- 6F6B68
- 777574
색 조화
보색 +180°
- 2D1D11
Burnt Coffee
- 11232F
≈ Fog of War
유사색 -30° +30°
- 2D1D11
Burnt Coffee
- 2F1B18
≈ Darkroom
- 28200E
≈ Black Mesa
삼각 배색 +120° +240°
- 2D1D11
Burnt Coffee
- 0D2621
≈ Deep Slate Green
- 231E2F
≈ Black Howl
분열 보색 +150° +210°
- 2D1D11
Burnt Coffee
- 0B2529
≈ Sunken Ship
- 1A2131
≈ Kon
사각 배색 +90° +180° +270°
- 2D1D11
Burnt Coffee
- 162518
≈ Deep Slate Olive
- 11232F
≈ Fog of War
- 2A1B29
≈ Shikon
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.21:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.29:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.21:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--burnt-coffee: #2d1d11;
--burnt-coffee-rgb: 45 29 17;
--burnt-coffee-oklch: oklch(0.248 0.033 57.4);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(26 45% 12%);
border-color: oklch(0.248 0.033 57.4);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #2d1d11;
--color-burnt-coffee-50: #fdf3ec;
--color-burnt-coffee-100: #f1e6dd;
--color-burnt-coffee-200: #dfd1c7;
--color-burnt-coffee-300: #c5b4a7;
--color-burnt-coffee-400: #ae9a8c;
--color-burnt-coffee-500: #988171;
--color-burnt-coffee-600: #806d60;
--color-burnt-coffee-700: #67574d;
--color-burnt-coffee-800: #4c4038;
--color-burnt-coffee-900: #352c26;
--color-burnt-coffee-950: #201914;
}SCSS
$burnt-coffee: #2d1d11;
$burnt-coffee-rgb: 45, 29, 17;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}