Màu có tên · #AB4231
Chocolate Chilli
Chocolate Chilli là #AB4231: rgb(171 66 49), hsl(8 55% 43%), oklch(0.52 0.142 31.5). 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.
What does Red mean? → · Chocolate Chilli color name →
#AB4231
oklch(0.52 0.142 31.5)
Chuyển đổi màu
- HEX
- #ab4231
- RGB
- rgb(171 66 49)
- HSL
- hsl(8 55% 43%)
- HWB
- hwb(8 19% 33%)
- OKLCH
- oklch(0.52 0.142 31.5)
- OKLab
- oklab(0.52 0.121 0.074)
- CIE Lab
- lab(42.99 43.14 33.39)
- LCH
- lch(42.99 54.55 37.7)
- CMYK
- cmyk(0% 61% 71% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B55645
- BF6959
- C97C6D
- D28E81
- DAA195
- E2B3AA
- EAC6BF
- F2D9D4
- F9ECE9
Sắc đậm
- 943829
- 7E2F22
- 68251A
- 541C13
- 40140C
- 2D0B06
- 1B0503
- 0B0101
- 010000
Sắc xám
- A84A3A
- A55143
- A1584B
- 9E5F53
- 9A655B
- 956B62
- 91706A
- 8C7671
- 867B79
Hòa sắc
Bổ túc +180°
- AB4231
Chocolate Chilli
- 007687
≈ Glamour Green
Tương đồng -30° +30°
- AB4231
Chocolate Chilli
- A73E63
≈ Rouge Like
- 995600
≈ Charlie Brown
Bộ ba +120° +240°
- AB4231
Chocolate Chilli
- 007E3D
≈ Charmed Green
- 4D60B9
≈ Chinese Bellflower
Bổ túc chia +150° +210°
- AB4231
Chocolate Chilli
- 007A6C
≈ Pond Moss
- 006FA8
≈ Bowen Blue
Bộ bốn +90° +180° +270°
- AB4231
Chocolate Chilli
- 5E7300
≈ Topiary Green
- 007687
≈ Glamour Green
- 7851AC
≈ Royal Lavender
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.90:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.55:1 · APCA Lc 23
Màu chữ tốt nhất: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--chocolate-chilli: #ab4231;
--chocolate-chilli-rgb: 171 66 49;
--chocolate-chilli-oklch: oklch(0.52 0.142 31.5);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(8 55% 43%);
border-color: oklch(0.52 0.142 31.5);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #ab4231;
--color-chocolate-chilli-50: #ffe7db;
--color-chocolate-chilli-100: #ffd8ca;
--color-chocolate-chilli-200: #ffbfad;
--color-chocolate-chilli-300: #f79c88;
--color-chocolate-chilli-400: #e67c69;
--color-chocolate-chilli-500: #d35b47;
--color-chocolate-chilli-600: #b24e3d;
--color-chocolate-chilli-700: #8f3e30;
--color-chocolate-chilli-800: #6b2c24;
--color-chocolate-chilli-900: #4b1e18;
--color-chocolate-chilli-950: #310d09;
}SCSS
$chocolate-chilli: #ab4231;
$chocolate-chilli-rgb: 171, 66, 49;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}