Named color · #990010
USC Cardinal
USC Cardinal is #990010: rgb(153 0 16), hsl(354 100% 30%), oklch(0.43 0.175 26.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · USC Cardinal color name →
#990010
oklch(0.43 0.175 26.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- A62E2B
- B34942
- BF6158
- CA776F
- D48E86
- DEA49D
- E7BBB5
- F0D1CD
- F8E8E6
Shades
- 84000C
- 700009
- 5D0006
- 4A0004
- 380002
- 270001
- 170000
- 080000
- 010000
Tones
- 991F1F
- 98302C
- 973D37
- 954842
- 93534C
- 915C57
- 8E6661
- 8A6F6B
- 857776
Color harmonies
Complementary +180°
- 990010
USC Cardinal
- 005B64
≈ Enamelled Jewel
Analogous -30° +30°
- 990010
USC Cardinal
- 920252
≈ Reddish Purple
- 793D00
≈ Hazelnut Chocolate
Triadic +120° +240°
- 990010
USC Cardinal
- 00611D
≈ Jurassic Moss
- 2342AE
≈ Denim
Split-complementary +150° +210°
- 990010
USC Cardinal
- 005E4E
≈ Alpine Green
- 00567C
≈ Real Mccoy
Tetradic +90° +180° +270°
- 990010
USC Cardinal
- 4D5600
≈ Douro
- 005B64
≈ Enamelled Jewel
- 5C2EA2
≈ Royalty
Contrast & accessibility
Ag
AAAOn white
WCAG 8.89:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.36:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
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);
}