가장 가까운 이름 색상 · #913207
#913207
가장 가까운 이름 색상: Chocoholic
#913207(rgb(145 50 7), hsl(19 91% 30%), oklch(0.451 0.137 39.9))와 가장 가까운 이름 색상은 Chocoholic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#913207
oklch(0.451 0.137 39.9)
색상 변환
- HEX
- #913207
- RGB
- rgb(145 50 7)
- HSL
- hsl(19 91% 30%)
- HWB
- hwb(19 3% 43%)
- OKLCH
- oklch(0.451 0.137 39.9)
- OKLab
- oklab(0.451 0.105 0.088)
- CIE Lab
- lab(35.2 39.61 44.66)
- LCH
- lch(35.2 59.7 48.4)
- CMYK
- cmyk(0% 66% 95% 43%)
틴트 · 셰이드 · 톤
틴트
- 9E4828
- AA5C41
- B67058
- C1846F
- CD9886
- D7AC9E
- E2C1B5
- ECD5CD
- F6EAE6
셰이드
- 7D2A05
- 6A2204
- 581B02
- 461402
- 350D01
- 250700
- 150300
- 070100
- 010000
톤
- 913C1C
- 90452A
- 8F4D36
- 8E5541
- 8D5D4C
- 8B6457
- 896B61
- 86726B
- 837976
색 조화
보색 +180°
- 913207
Chocoholic
- 006075
≈ Ocean Radiance
유사색 -30° +30°
- 913207
Chocoholic
- 912B44
≈ Rumba Red
- 774A00
≈ Lucky Brown
삼각 배색 +120° +240°
- 913207
Chocoholic
- 006641
≈ Greens
- 49489F
≈ Galaxy Express
분열 보색 +150° +210°
- 913207
Chocoholic
- 00635F
≈ Emerald Stone
- 005799
≈ Parachuting
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.88:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.66:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--chocoholic: #913207;
--chocoholic-rgb: 145 50 7;
--chocoholic-oklch: oklch(0.451 0.137 39.9);
}
.element {
color: var(--chocoholic);
background-color: hsl(19 91% 30%);
border-color: oklch(0.451 0.137 39.9);
}Tailwind CSS v4
@theme {
--color-chocoholic: #913207;
--color-chocoholic-50: #ffe9d7;
--color-chocoholic-100: #ffdac5;
--color-chocoholic-200: #ffc1a6;
--color-chocoholic-300: #f3a07f;
--color-chocoholic-400: #e2805e;
--color-chocoholic-500: #cf6138;
--color-chocoholic-600: #af5331;
--color-chocoholic-700: #8d4227;
--color-chocoholic-800: #692f1c;
--color-chocoholic-900: #4a2012;
--color-chocoholic-950: #300f05;
}SCSS
$chocoholic: #913207;
$chocoholic-rgb: 145, 50, 7;
$chocoholic-light: mix(#fff, $chocoholic, 20%);
$chocoholic-dark: mix(#000, $chocoholic, 20%);
.element {
color: $chocoholic;
box-shadow: 0 0 0 2px rgba($chocoholic, 0.35);
}