Couleur nommée · #ECCCA6
Autumn Blonde
Autumn Blonde correspond à #ECCCA6 : rgb(236 204 166), hsl(33 65% 79%), oklch(0.863 0.062 71.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Autumn Blonde color name →
#ECCCA6
oklch(0.863 0.062 71.7)
Conversions de couleur
- HEX
- #eccca6
- RGB
- rgb(236 204 166)
- HSL
- hsl(33 65% 79%)
- HWB
- hwb(33 65% 7%)
- OKLCH
- oklch(0.863 0.062 71.7)
- OKLab
- oklab(0.863 0.019 0.059)
- CIE Lab
- lab(84.1 7.58 23.38)
- LCH
- lch(84.1 24.58 72)
- CMYK
- cmyk(0% 14% 30% 7%)
Teintes · Ombres · Tons
Teintes
- EED1AF
- F0D6B8
- F2DBC1
- F4E0CA
- F6E6D3
- F8EBDB
- FAF0E4
- FBF5ED
- FDFAF6
Ombres
- CDB190
- AF977A
- 927E65
- 766551
- 5B4E3E
- 42372B
- 29221A
- 130F0A
- 030201
Tons
- E1C4A2
- D6BC9F
- CBB59B
- C0AD97
- B5A593
- AA9E90
- 9F968C
- 958F88
- 8A8784
Harmonies de couleurs
Complémentaire +180°
- ECCCA6
Autumn Blonde
- B5D5FA
≈ Ice Cold Stare
Analogue -30° +30°
- ECCCA6
Autumn Blonde
- F6C5B3
≈ Apricot Obsession
- DAD4A5
≈ Cream Cheese Avocado
Triadique +120° +240°
- ECCCA6
Autumn Blonde
- A3DFDC
≈ Aqua Spray
- E0C7F0
≈ Prom Corsage
Complémentaire divisée +150° +210°
- ECCCA6
Autumn Blonde
- A5DCEF
≈ Mizu Cyan
- CACEFA
≈ Lavender Blue
Tétradique +90° +180° +270°
- ECCCA6
Autumn Blonde
- AEDFC5
≈ Shallow Shore
- B5D5FA
≈ Ice Cold Stare
- EFC3DE
≈ Starlet Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.75:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--autumn-blonde: #eccca6;
--autumn-blonde-rgb: 236 204 166;
--autumn-blonde-oklch: oklch(0.863 0.062 71.7);
}
.element {
color: var(--autumn-blonde);
background-color: hsl(33 65% 79%);
border-color: oklch(0.863 0.062 71.7);
}Tailwind CSS v4
@theme {
--color-autumn-blonde: #eccca6;
--color-autumn-blonde-50: #fff3e2;
--color-autumn-blonde-100: #f5e5d2;
--color-autumn-blonde-200: #e5d1b8;
--color-autumn-blonde-300: #cbb395;
--color-autumn-blonde-400: #b69976;
--color-autumn-blonde-500: #a08058;
--color-autumn-blonde-600: #876c4b;
--color-autumn-blonde-700: #6c563c;
--color-autumn-blonde-800: #503f2b;
--color-autumn-blonde-900: #382b1d;
--color-autumn-blonde-950: #23180d;
}SCSS
$autumn-blonde: #eccca6;
$autumn-blonde-rgb: 236, 204, 166;
$autumn-blonde-light: mix(#fff, $autumn-blonde, 20%);
$autumn-blonde-dark: mix(#000, $autumn-blonde, 20%);
.element {
color: $autumn-blonde;
box-shadow: 0 0 0 2px rgba($autumn-blonde, 0.35);
}