Màu có tên · #990010
USC Cardinal
USC Cardinal là #990010: rgb(153 0 16), hsl(354 100% 30%), oklch(0.43 0.175 26.4). 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? → · USC Cardinal color name →
#990010
oklch(0.43 0.175 26.4)
Chuyển đổi màu
- HEX
- #990010
- RGB
- rgb(153 0 16)
- HSL
- hsl(354 100% 30%)
- HWB
- hwb(354 0% 40%)
- OKLCH
- oklch(0.43 0.175 26.4)
- OKLab
- oklab(0.43 0.157 0.078)
- CIE Lab
- lab(32.08 55.35 40)
- LCH
- lch(32.08 68.29 35.9)
- CMYK
- cmyk(0% 100% 90% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A62E2B
- B34942
- BF6158
- CA776F
- D48E86
- DEA49D
- E7BBB5
- F0D1CD
- F8E8E6
Sắc đậm
- 84000C
- 700009
- 5D0006
- 4A0004
- 380002
- 270001
- 170000
- 080000
- 010000
Sắc xám
- 991F1F
- 98302C
- 973D37
- 954842
- 93534C
- 915C57
- 8E6661
- 8A6F6B
- 857776
Hòa sắc
Bổ túc +180°
- 990010
USC Cardinal
- 005B64
≈ Enamelled Jewel
Tương đồng -30° +30°
- 990010
USC Cardinal
- 920252
≈ Reddish Purple
- 793D00
≈ Hazelnut Chocolate
Bộ ba +120° +240°
- 990010
USC Cardinal
- 00611D
≈ Jurassic Moss
- 2342AE
≈ Denim
Bổ túc chia +150° +210°
- 990010
USC Cardinal
- 005E4E
≈ Alpine Green
- 00567C
≈ Real Mccoy
Bộ bốn +90° +180° +270°
- 990010
USC Cardinal
- 4D5600
≈ Douro
- 005B64
≈ Enamelled Jewel
- 5C2EA2
≈ Royalty
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.89:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.36:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--usc-cardinal: #990010;
--usc-cardinal-rgb: 153 0 16;
--usc-cardinal-oklch: oklch(0.43 0.175 26.4);
}
.element {
color: var(--usc-cardinal);
background-color: hsl(354 100% 30%);
border-color: oklch(0.43 0.175 26.4);
}Tailwind CSS v4
@theme {
--color-usc-cardinal: #990010;
--color-usc-cardinal-50: #ffe3d9;
--color-usc-cardinal-100: #ffd2c7;
--color-usc-cardinal-200: #ffb7aa;
--color-usc-cardinal-300: #ff9284;
--color-usc-cardinal-400: #f46f65;
--color-usc-cardinal-500: #e34843;
--color-usc-cardinal-600: #bf3e39;
--color-usc-cardinal-700: #9a322d;
--color-usc-cardinal-800: #732222;
--color-usc-cardinal-900: #511717;
--color-usc-cardinal-950: #360708;
}SCSS
$usc-cardinal: #990010;
$usc-cardinal-rgb: 153, 0, 16;
$usc-cardinal-light: mix(#fff, $usc-cardinal, 20%);
$usc-cardinal-dark: mix(#000, $usc-cardinal, 20%);
.element {
color: $usc-cardinal;
box-shadow: 0 0 0 2px rgba($usc-cardinal, 0.35);
}