Cor nomeada mais próxima · #E8A283
#E8A283
Cor nomeada mais próxima: Les Demoiselles d’Avignon
#E8A283 (rgb(232 162 131), hsl(18 69% 71%), oklch(0.773 0.094 44.8)) é mais próxima da cor nomeada Les Demoiselles d’Avignon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E8A283
oklch(0.773 0.094 44.8)
Conversões de cor
- HEX
- #e8a283
- RGB
- rgb(232 162 131)
- HSL
- hsl(18 69% 71%)
- HWB
- hwb(18 51% 9%)
- OKLCH
- oklch(0.773 0.094 44.8)
- OKLab
- oklab(0.773 0.067 0.066)
- CIE Lab
- lab(73.04 24.08 27.1)
- LCH
- lch(73.04 36.25 48.4)
- CMYK
- cmyk(0% 30% 44% 9%)
Tons claros · Sombras · Tons
Tons claros
- EBAB8F
- EEB59C
- F0BEA8
- F3C7B4
- F5D1C1
- F8DACD
- FAE3D9
- FCECE6
- FDF6F2
Sombras
- CA8C71
- AC7760
- 90634F
- 744F3F
- 593C2F
- 402A20
- 291912
- 130A06
- 030101
Tons
- DE9F83
- D39C83
- C99883
- BE9583
- B49283
- AA8E82
- 9F8B82
- 958781
- 8A8481
Harmonias de cor
Complementar +180°
- E8A283
Les Demoiselles d’Avignon
- 6DC2E2
≈ Mizu
Análoga -30° +30°
- E8A283
Les Demoiselles d’Avignon
- EB9CA2
≈ River Rouge
- D9AD6F
≈ Frankincense
Tríade +120° +240°
- E8A283
Les Demoiselles d’Avignon
- 78C8A6
≈ Minted Elegance
- AEADEF
≈ Maximum Blue Purple
Complementar dividida +150° +210°
- E8A283
Les Demoiselles d’Avignon
- 64C8C7
≈ Chinese Lacquer
- 8CB8F0
≈ Electric Eel
Tétrade +90° +180° +270°
- E8A283
Les Demoiselles d’Avignon
- 9BC386
≈ Picnic
- 6DC2E2
≈ Mizu
- CCA3DF
≈ Spring Wisteria
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.92:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--les-demoiselles-d-avignon: #e8a283;
--les-demoiselles-d-avignon-rgb: 232 162 131;
--les-demoiselles-d-avignon-oklch: oklch(0.773 0.094 44.8);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(18 69% 71%);
border-color: oklch(0.773 0.094 44.8);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #e8a283;
--color-les-demoiselles-d-avignon-50: #ffeedf;
--color-les-demoiselles-d-avignon-100: #ffdfce;
--color-les-demoiselles-d-avignon-200: #f7c9b3;
--color-les-demoiselles-d-avignon-300: #e0a98f;
--color-les-demoiselles-d-avignon-400: #cd8d70;
--color-les-demoiselles-d-avignon-500: #ba7150;
--color-les-demoiselles-d-avignon-600: #9d6044;
--color-les-demoiselles-d-avignon-700: #7e4d36;
--color-les-demoiselles-d-avignon-800: #5e3727;
--color-les-demoiselles-d-avignon-900: #42261a;
--color-les-demoiselles-d-avignon-950: #2a140b;
}SCSS
$les-demoiselles-d-avignon: #e8a283;
$les-demoiselles-d-avignon-rgb: 232, 162, 131;
$les-demoiselles-d-avignon-light: mix(#fff, $les-demoiselles-d-avignon, 20%);
$les-demoiselles-d-avignon-dark: mix(#000, $les-demoiselles-d-avignon, 20%);
.element {
color: $les-demoiselles-d-avignon;
box-shadow: 0 0 0 2px rgba($les-demoiselles-d-avignon, 0.35);
}