Colore con nome · #990000
OU Crimson Red
OU Crimson Red è #990000: rgb(153 0 0), hsl(0 100% 30%), oklch(0.429 0.176 29.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · OU Crimson Red color name →
#990000
oklch(0.429 0.176 29.2)
Conversioni di colore
- HEX
- #990000
- RGB
- rgb(153 0 0)
- HSL
- hsl(0 100% 30%)
- HWB
- hwb(0 0% 40%)
- OKLCH
- oklch(0.429 0.176 29.2)
- OKLab
- oklab(0.429 0.154 0.086)
- CIE Lab
- lab(32.01 55.19 46.81)
- LCH
- lch(32.01 72.36 40.3)
- CMYK
- cmyk(0% 100% 100% 40%)
Tinte · Ombre · Toni
Tinte
- A62E23
- B3493C
- BF6154
- CA786B
- D48E83
- DEA49B
- E7BBB3
- F0D1CC
- F8E8E5
Ombre
- 840000
- 700000
- 5D0000
- 4A0000
- 380000
- 270000
- 170000
- 080000
- 010000
Toni
- 991F17
- 983026
- 973D32
- 95483E
- 935349
- 915C54
- 8E665F
- 8A6F6A
- 857775
Armonie di colore
Complementare +180°
- 990000
OU Crimson Red
- 005A65
≈ Entrapment
Analogo -30° +30°
- 990000
OU Crimson Red
- 92004D
≈ Mulberry
- 773F00
≈ Hazelnut Chocolate
Triadico +120° +240°
- 990000
OU Crimson Red
- 006127
≈ Woodland Wonder
- 2B40AE
≈ Denim
Complementare divisa +150° +210°
- 990000
OU Crimson Red
- 005D50
≈ Alpine Green
- 00557E
≈ Real Mccoy
Tetradico +90° +180° +270°
- 990000
OU Crimson Red
- 4A5700
≈ Highlands Moss
- 005A65
≈ Entrapment
- 602CA0
≈ Royalty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.91:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.35:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.91:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--ou-crimson-red: #990000;
--ou-crimson-red-rgb: 153 0 0;
--ou-crimson-red-oklch: oklch(0.429 0.176 29.2);
}
.element {
color: var(--ou-crimson-red);
background-color: hsl(0 100% 30%);
border-color: oklch(0.429 0.176 29.2);
}Tailwind CSS v4
@theme {
--color-ou-crimson-red: #990000;
--color-ou-crimson-red-50: #ffe3d7;
--color-ou-crimson-red-100: #ffd3c4;
--color-ou-crimson-red-200: #ffb8a6;
--color-ou-crimson-red-300: #ff937f;
--color-ou-crimson-red-400: #f56f5f;
--color-ou-crimson-red-500: #e3483a;
--color-ou-crimson-red-600: #c03f32;
--color-ou-crimson-red-700: #9a3228;
--color-ou-crimson-red-800: #73221e;
--color-ou-crimson-red-900: #511713;
--color-ou-crimson-red-950: #360706;
}SCSS
$ou-crimson-red: #990000;
$ou-crimson-red-rgb: 153, 0, 0;
$ou-crimson-red-light: mix(#fff, $ou-crimson-red, 20%);
$ou-crimson-red-dark: mix(#000, $ou-crimson-red, 20%);
.element {
color: $ou-crimson-red;
box-shadow: 0 0 0 2px rgba($ou-crimson-red, 0.35);
}