Couleur nommée la plus proche · #A70037
#A70037
Couleur nommée la plus proche: Rouge
#A70037 (rgb(167 0 55), hsl(340 100% 33%), oklch(0.463 0.185 14.5)) est la plus proche de la couleur nommée Rouge. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A70037
oklch(0.463 0.185 14.5)
Conversions de couleur
- HEX
- #a70037
- RGB
- rgb(167 0 55)
- HSL
- hsl(340 100% 33%)
- HWB
- hwb(340 0% 35%)
- OKLCH
- oklch(0.463 0.185 14.5)
- OKLab
- oklab(0.463 0.179 0.046)
- CIE Lab
- lab(35.65 59.88 20.9)
- LCH
- lch(35.65 63.42 19.2)
- CMYK
- cmyk(0% 100% 67% 35%)
Teintes · Ombres · Tons
Teintes
- B33049
- BE4B5C
- C9636F
- D37A82
- DC9096
- E4A6AA
- ECBCBF
- F3D2D4
- FAE9E9
Ombres
- 91002E
- 7B0026
- 66001E
- 520016
- 3E000F
- 2C0008
- 1A0003
- 0A0001
- 010000
Tons
- A5213E
- A33246
- A13F4D
- 9E4A54
- 9A545B
- 965E63
- 92676A
- 8D7071
- 877879
Harmonies de couleurs
Complémentaire +180°
- A70037
Rouge
- 006666
≈ Sci-fi Petrol
Analogue -30° +30°
- A70037
Rouge
- 991371
≈ Haunted Purple
- 933900
≈ Citrine Brown
Triadique +120° +240°
- A70037
Rouge
- 356800
≈ Tatzelwurm Green
- 0057A9
≈ Raiden Blue
Complémentaire divisée +150° +210°
- A70037
Rouge
- 006A4A
≈ Victoria Green
- 00637D
≈ Jamaican Dream
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.78:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.69:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.78:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--rouge: #a70037;
--rouge-rgb: 167 0 55;
--rouge-oklch: oklch(0.463 0.185 14.5);
}
.element {
color: var(--rouge);
background-color: hsl(340 100% 33%);
border-color: oklch(0.463 0.185 14.5);
}Tailwind CSS v4
@theme {
--color-rouge: #a70037;
--color-rouge-50: #ffe0e3;
--color-rouge-100: #ffcfd2;
--color-rouge-200: #ffb3b9;
--color-rouge-300: #ff8d96;
--color-rouge-400: #f7687c;
--color-rouge-500: #e63d5f;
--color-rouge-600: #c23651;
--color-rouge-700: #9c2b40;
--color-rouge-800: #741d30;
--color-rouge-900: #521421;
--color-rouge-950: #360410;
}SCSS
$rouge: #a70037;
$rouge-rgb: 167, 0, 55;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}