Màu có tên · #AC112C
Jester Red
Jester Red là #AC112C: rgb(172 17 44), hsl(350 82% 37%), oklch(0.477 0.183 20.8). 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? → · Jester Red color name →
#AC112C
oklch(0.477 0.183 20.8)
Chuyển đổi màu
- HEX
- #ac112c
- RGB
- rgb(172 17 44)
- HSL
- hsl(350 82% 37%)
- HWB
- hwb(350 7% 33%)
- OKLCH
- oklch(0.477 0.183 20.8)
- OKLab
- oklab(0.477 0.171 0.065)
- CIE Lab
- lab(37.36 58.72 30.26)
- LCH
- lch(37.36 66.06 27.3)
- CMYK
- cmyk(0% 90% 74% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B73640
- C25054
- CC6768
- D67D7D
- DE9392
- E6A9A7
- EEBEBC
- F4D4D2
- FAE9E8
Sắc đậm
- 950D25
- 7F091E
- 690617
- 540411
- 40020A
- 2D0105
- 1B0002
- 0B0001
- 010000
Sắc xám
- AA2835
- A7373E
- A44346
- A04E4F
- 9C5757
- 98605F
- 936967
- 8E7170
- 877878
Hòa sắc
Bổ túc +180°
- AC112C
Jester Red
- 006A6F
≈ Deep Lake
Tương đồng -30° +30°
- AC112C
Jester Red
- A1186A
≈ Morbid Princess
- 924300
≈ Korichnewyi Brown
Bộ ba +120° +240°
- AC112C
Jester Red
- 197000
≈ Battle Cat
- 1354C1
≈ Mourning Blue
Bổ túc chia +150° +210°
- AC112C
Jester Red
- 006D55
≈ Teal Dark Green
- 006688
≈ Bowerbird Blue
Bộ bốn +90° +180° +270°
- AC112C
Jester Red
- 606100
≈ Kirchner Green
- 006A6F
≈ Deep Lake
- 613FB9
≈ Swiss Plum
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.31:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 2.87:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--jester-red: #ac112c;
--jester-red-rgb: 172 17 44;
--jester-red-oklch: oklch(0.477 0.183 20.8);
}
.element {
color: var(--jester-red);
background-color: hsl(350 82% 37%);
border-color: oklch(0.477 0.183 20.8);
}Tailwind CSS v4
@theme {
--color-jester-red: #ac112c;
--color-jester-red-50: #ffe1dd;
--color-jester-red-100: #ffd0cc;
--color-jester-red-200: #ffb5b0;
--color-jester-red-300: #ff8f8b;
--color-jester-red-400: #f86a6f;
--color-jester-red-500: #e6404f;
--color-jester-red-600: #c23843;
--color-jester-red-700: #9c2d35;
--color-jester-red-800: #751f28;
--color-jester-red-900: #52141b;
--color-jester-red-950: #37050b;
}SCSS
$jester-red: #ac112c;
$jester-red-rgb: 172, 17, 44;
$jester-red-light: mix(#fff, $jester-red, 20%);
$jester-red-dark: mix(#000, $jester-red, 20%);
.element {
color: $jester-red;
box-shadow: 0 0 0 2px rgba($jester-red, 0.35);
}