Màu có tên · #990020
Xmas Candy
Xmas Candy là #990020: rgb(153 0 32), hsl(347 100% 30%), oklch(0.431 0.174 21.7). 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? → · Xmas Candy color name →
#990020
oklch(0.431 0.174 21.7)
Chuyển đổi màu
- HEX
- #990020
- RGB
- rgb(153 0 32)
- HSL
- hsl(347 100% 30%)
- HWB
- hwb(347 0% 40%)
- OKLCH
- oklch(0.431 0.174 21.7)
- OKLab
- oklab(0.431 0.161 0.064)
- CIE Lab
- lab(32.2 55.63 30.81)
- LCH
- lch(32.2 63.59 29)
- CMYK
- cmyk(0% 100% 79% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A62E36
- B3484B
- BF6060
- CA7775
- D48E8B
- DEA4A1
- E7BAB8
- F0D1CF
- F8E8E7
Sắc đậm
- 84001A
- 700015
- 5D000F
- 4A000A
- 380006
- 270003
- 170001
- 080000
- 010000
Sắc xám
- 991F2B
- 983035
- 973D3E
- 954848
- 935251
- 915C5A
- 8E6664
- 8A6F6D
- 857777
Hòa sắc
Bổ túc +180°
- 990020
Xmas Candy
- 005C61
≈ Enamelled Jewel
Tương đồng -30° +30°
- 990020
Xmas Candy
- 8F085A
≈ Cardinal Pink
- 7E3A00
≈ Red Beech
Bộ ba +120° +240°
- 990020
Xmas Candy
- 0A6200
≈ Emerald Green
- 1046AD
≈ Soulstone Blue
Bổ túc chia +150° +210°
- 990020
Xmas Candy
- 005F4B
≈ Sci-Fi Takeout
- 005878
≈ Broadway
Bộ bốn +90° +180° +270°
- 990020
Xmas Candy
- 525500
≈ Douro
- 005C61
≈ Enamelled Jewel
- 5632A5
≈ Royalty
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.84:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.37:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--xmas-candy: #990020;
--xmas-candy-rgb: 153 0 32;
--xmas-candy-oklch: oklch(0.431 0.174 21.7);
}
.element {
color: var(--xmas-candy);
background-color: hsl(347 100% 30%);
border-color: oklch(0.431 0.174 21.7);
}Tailwind CSS v4
@theme {
--color-xmas-candy: #990020;
--color-xmas-candy-50: #ffe3dd;
--color-xmas-candy-100: #ffd2cc;
--color-xmas-candy-200: #ffb7b0;
--color-xmas-candy-300: #ff928c;
--color-xmas-candy-400: #f46e6f;
--color-xmas-candy-500: #e24750;
--color-xmas-candy-600: #bf3e44;
--color-xmas-candy-700: #9a3136;
--color-xmas-candy-800: #732229;
--color-xmas-candy-900: #51171b;
--color-xmas-candy-950: #35070c;
}SCSS
$xmas-candy: #990020;
$xmas-candy-rgb: 153, 0, 32;
$xmas-candy-light: mix(#fff, $xmas-candy, 20%);
$xmas-candy-dark: mix(#000, $xmas-candy, 20%);
.element {
color: $xmas-candy;
box-shadow: 0 0 0 2px rgba($xmas-candy, 0.35);
}