이름 색상 · #990010
USC Cardinal
USC Cardinal은(는) #990010: rgb(153 0 16), hsl(354 100% 30%), oklch(0.43 0.175 26.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · USC Cardinal color name →
#990010
oklch(0.43 0.175 26.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A62E2B
- B34942
- BF6158
- CA776F
- D48E86
- DEA49D
- E7BBB5
- F0D1CD
- F8E8E6
셰이드
- 84000C
- 700009
- 5D0006
- 4A0004
- 380002
- 270001
- 170000
- 080000
- 010000
톤
- 991F1F
- 98302C
- 973D37
- 954842
- 93534C
- 915C57
- 8E6661
- 8A6F6B
- 857776
색 조화
보색 +180°
- 990010
USC Cardinal
- 005B64
≈ Enamelled Jewel
유사색 -30° +30°
- 990010
USC Cardinal
- 920252
≈ Reddish Purple
- 793D00
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 990010
USC Cardinal
- 00611D
≈ Jurassic Moss
- 2342AE
≈ Denim
분열 보색 +150° +210°
- 990010
USC Cardinal
- 005E4E
≈ Alpine Green
- 00567C
≈ Real Mccoy
사각 배색 +90° +180° +270°
- 990010
USC Cardinal
- 4D5600
≈ Douro
- 005B64
≈ Enamelled Jewel
- 5C2EA2
≈ Royalty
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.89:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.36:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
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);
}