Colore con nome · #A22042
True Crimson
True Crimson è #A22042: rgb(162 32 66), hsl(344 67% 38%), oklch(0.471 0.165 11.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · True Crimson color name →
#A22042
oklch(0.471 0.165 11.9)
Conversioni di colore
- HEX
- #a22042
- RGB
- rgb(162 32 66)
- HSL
- hsl(344 67% 38%)
- HWB
- hwb(344 13% 36%)
- OKLCH
- oklch(0.471 0.165 11.9)
- OKLab
- oklab(0.471 0.161 0.034)
- CIE Lab
- lab(36.75 53.48 14.92)
- LCH
- lch(36.75 55.52 15.6)
- CMYK
- cmyk(0% 80% 59% 36%)
Tinte · Ombre · Toni
Tinte
- AE3C53
- B95465
- C46A76
- CE7F89
- D8949C
- E1A9AF
- E9BEC2
- F1D4D6
- F8E9EA
Ombre
- 8C1A38
- 77152F
- 630F25
- 4F0A1C
- 3C0614
- 2A030B
- 190105
- 0A0001
- 010000
Toni
- A02F48
- 9F3C4E
- 9C4654
- 9A505A
- 975961
- 936167
- 8F696D
- 8B7173
- 86797A
Armonie di colore
Complementare +180°
- A22042
True Crimson
- 006967
≈ Chinese Garden
Analogo -30° +30°
- A22042
True Crimson
- 942875
≈ Beetiful Magenta
- 993700
≈ Chocoholic
Triadico +120° +240°
- A22042
True Crimson
- 3E6900
≈ Tatzelwurm Green
- 005CA6
≈ Directoire Blue
Complementare divisa +150° +210°
- A22042
True Crimson
- 006C49
≈ Vegan Green
- 00657E
≈ Ocean Depths
Tetradico +90° +180° +270°
- A22042
True Crimson
- 675C00
≈ Brussels Sprout Green
- 006967
≈ Chinese Garden
- 5147B3
≈ Swiss Plum
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.44:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.82:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--true-crimson: #a22042;
--true-crimson-rgb: 162 32 66;
--true-crimson-oklch: oklch(0.471 0.165 11.9);
}
.element {
color: var(--true-crimson);
background-color: hsl(344 67% 38%);
border-color: oklch(0.471 0.165 11.9);
}Tailwind CSS v4
@theme {
--color-true-crimson: #a22042;
--color-true-crimson-50: #ffe3e7;
--color-true-crimson-100: #ffd2d7;
--color-true-crimson-200: #ffb7bf;
--color-true-crimson-300: #ff929e;
--color-true-crimson-400: #ee7084;
--color-true-crimson-500: #dc4b69;
--color-true-crimson-600: #ba4159;
--color-true-crimson-700: #963347;
--color-true-crimson-800: #6f2435;
--color-true-crimson-900: #4f1824;
--color-true-crimson-950: #340813;
}SCSS
$true-crimson: #a22042;
$true-crimson-rgb: 162, 32, 66;
$true-crimson-light: mix(#fff, $true-crimson, 20%);
$true-crimson-dark: mix(#000, $true-crimson, 20%);
.element {
color: $true-crimson;
box-shadow: 0 0 0 2px rgba($true-crimson, 0.35);
}