Màu có tên gần nhất · #913207
#913207
Màu có tên gần nhất: Chocoholic
#913207 (rgb(145 50 7), hsl(19 91% 30%), oklch(0.451 0.137 39.9)) gần nhất với màu có tên Chocoholic. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#913207
oklch(0.451 0.137 39.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E4828
- AA5C41
- B67058
- C1846F
- CD9886
- D7AC9E
- E2C1B5
- ECD5CD
- F6EAE6
Sắc đậm
- 7D2A05
- 6A2204
- 581B02
- 461402
- 350D01
- 250700
- 150300
- 070100
- 010000
Sắc xám
- 913C1C
- 90452A
- 8F4D36
- 8E5541
- 8D5D4C
- 8B6457
- 896B61
- 86726B
- 837976
Hòa sắc
Bổ túc +180°
- 913207
Chocoholic
- 006075
≈ Ocean Radiance
Tương đồng -30° +30°
- 913207
Chocoholic
- 912B44
≈ Rumba Red
- 774A00
≈ Lucky Brown
Bộ ba +120° +240°
- 913207
Chocoholic
- 006641
≈ Greens
- 49489F
≈ Galaxy Express
Bổ túc chia +150° +210°
- 913207
Chocoholic
- 00635F
≈ Emerald Stone
- 005799
≈ Parachuting
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.88:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.66:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}