Couleur nommée · #A14C3F
Arabian Red
Arabian Red correspond à #A14C3F : rgb(161 76 63), hsl(8 44% 44%), oklch(0.521 0.116 30.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Arabian Red color name →
#A14C3F
oklch(0.521 0.116 30.4)
Conversions de couleur
- HEX
- #a14c3f
- RGB
- rgb(161 76 63)
- HSL
- hsl(8 44% 44%)
- HWB
- hwb(8 25% 37%)
- OKLCH
- oklch(0.521 0.116 30.4)
- OKLab
- oklab(0.521 0.1 0.058)
- CIE Lab
- lab(43.38 35.2 25.16)
- LCH
- lch(43.38 43.27 35.6)
- CMYK
- cmyk(0% 53% 61% 37%)
Teintes · Ombres · Tons
Teintes
- AC5E51
- B66F63
- C08176
- CA9288
- D4A49B
- DDB6AF
- E6C8C2
- EEDAD6
- F7ECEB
Ombres
- 8B4135
- 76362C
- 622C23
- 4E221B
- 3C1812
- 2A0F0A
- 190604
- 090201
- 010000
Tons
- 9F5246
- 9C584D
- 9A5E53
- 97635A
- 946860
- 906D67
- 8D726D
- 897773
- 857B7A
Harmonies de couleurs
Complémentaire +180°
- A14C3F
Arabian Red
- 007786
≈ Biscay Bay
Analogue -30° +30°
- A14C3F
Arabian Red
- 9D4966
≈ Baby Berries
- 98570F
≈ Fresh Cinnamon
Triadique +120° +240°
- A14C3F
Arabian Red
- 2C7B44
≈ Woodland Soul
- 5064AC
≈ Submarine Base
Complémentaire divisée +150° +210°
- A14C3F
Arabian Red
- 007B6C
≈ Pond Moss
- 0E70A5
≈ Quarterdeck
Tétradique +90° +180° +270°
- A14C3F
Arabian Red
- 617214
≈ Fern Frond
- 007786
≈ Biscay Bay
- 7458A1
≈ Sumire Violet
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.79:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.62:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.79:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--arabian-red: #a14c3f;
--arabian-red-rgb: 161 76 63;
--arabian-red-oklch: oklch(0.521 0.116 30.4);
}
.element {
color: var(--arabian-red);
background-color: hsl(8 44% 44%);
border-color: oklch(0.521 0.116 30.4);
}Tailwind CSS v4
@theme {
--color-arabian-red: #a14c3f;
--color-arabian-red-50: #ffeae1;
--color-arabian-red-100: #ffdbd0;
--color-arabian-red-200: #ffc3b5;
--color-arabian-red-300: #eca292;
--color-arabian-red-400: #da8375;
--color-arabian-red-500: #c76656;
--color-arabian-red-600: #a85649;
--color-arabian-red-700: #87453a;
--color-arabian-red-800: #64312b;
--color-arabian-red-900: #47211d;
--color-arabian-red-950: #2e100d;
}SCSS
$arabian-red: #a14c3f;
$arabian-red-rgb: 161, 76, 63;
$arabian-red-light: mix(#fff, $arabian-red, 20%);
$arabian-red-dark: mix(#000, $arabian-red, 20%);
.element {
color: $arabian-red;
box-shadow: 0 0 0 2px rgba($arabian-red, 0.35);
}