Couleur nommée la plus proche · #A5594E
#A5594E
Couleur nommée la plus proche: Cheek Red
#A5594E (rgb(165 89 78), hsl(8 36% 48%), oklch(0.551 0.102 29.4)) est la plus proche de la couleur nommée Cheek Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A5594E
oklch(0.551 0.102 29.4)
Conversions de couleur
- HEX
- #a5594e
- RGB
- rgb(165 89 78)
- HSL
- hsl(8 36% 48%)
- HWB
- hwb(8 31% 35%)
- OKLCH
- oklch(0.551 0.102 29.4)
- OKLab
- oklab(0.551 0.089 0.05)
- CIE Lab
- lab(46.97 31.05 20.96)
- LCH
- lch(46.97 37.46 34)
- CMYK
- cmyk(0% 46% 53% 35%)
Teintes · Ombres · Tons
Teintes
- AF695F
- B9796F
- C28A80
- CC9A92
- D5AAA3
- DEBBB5
- E6CCC7
- EFDDDA
- F7EEEC
Ombres
- 8F4C43
- 794038
- 65342D
- 512823
- 3D1D19
- 2B130F
- 1A0907
- 0A0302
- 010000
Tons
- A25E53
- 9F6258
- 9C665D
- 986A62
- 956E67
- 91726C
- 8D7571
- 897976
- 857D7B
Harmonies de couleurs
Complémentaire +180°
- A5594E
Cheek Red
- 008090
≈ Briny
Analogue -30° +30°
- A5594E
Cheek Red
- A15770
≈ Ruby Shade
- 9D622E
≈ Cathay Spice
Triadique +120° +240°
- A5594E
Cheek Red
- 428250
≈ Tarmac Green
- 5A6EAE
≈ Loch Ness
Complémentaire divisée +150° +210°
- A5594E
Cheek Red
- 008473
≈ Summer Turquoise
- 2E79A7
≈ Taiwan Blue Magpie
Tétradique +90° +180° +270°
- A5594E
Cheek Red
- 6B7A2F
≈ Army Golf
- 008090
≈ Briny
- 7B63A5
≈ Genestealer Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.07:1 · APCA Lc 75
Ag
FailSur noir
WCAG 4.13:1 · APCA Lc 27
Meilleure couleur de texte: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--cheek-red: #a5594e;
--cheek-red-rgb: 165 89 78;
--cheek-red-oklch: oklch(0.551 0.102 29.4);
}
.element {
color: var(--cheek-red);
background-color: hsl(8 36% 48%);
border-color: oklch(0.551 0.102 29.4);
}Tailwind CSS v4
@theme {
--color-cheek-red: #a5594e;
--color-cheek-red-50: #ffebe3;
--color-cheek-red-100: #ffdcd3;
--color-cheek-red-200: #fdc5ba;
--color-cheek-red-300: #e7a497;
--color-cheek-red-400: #d4877b;
--color-cheek-red-500: #c06a5e;
--color-cheek-red-600: #a25a50;
--color-cheek-red-700: #82483f;
--color-cheek-red-800: #61342f;
--color-cheek-red-900: #44231f;
--color-cheek-red-950: #2c120f;
}SCSS
$cheek-red: #a5594e;
$cheek-red-rgb: 165, 89, 78;
$cheek-red-light: mix(#fff, $cheek-red, 20%);
$cheek-red-dark: mix(#000, $cheek-red, 20%);
.element {
color: $cheek-red;
box-shadow: 0 0 0 2px rgba($cheek-red, 0.35);
}