最接近的命名颜色 · #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);
}