Colore con nome · #E59D7B
Les Demoiselles d’Avignon
Les Demoiselles d’Avignon è #E59D7B: rgb(229 157 123), hsl(19 67% 69%), oklch(0.759 0.098 46.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Les Demoiselles d’Avignon color name →
#E59D7B
oklch(0.759 0.098 46.1)
Conversioni di colore
- HEX
- #e59d7b
- RGB
- rgb(229 157 123)
- HSL
- hsl(19 67% 69%)
- HWB
- hwb(19 48% 10%)
- OKLCH
- oklch(0.759 0.098 46.1)
- OKLab
- oklab(0.759 0.068 0.071)
- CIE Lab
- lab(71.42 24.83 29.21)
- LCH
- lch(71.42 38.34 49.6)
- CMYK
- cmyk(0% 31% 46% 10%)
Tinte · Ombre · Toni
Tinte
- E8A788
- EBB195
- EEBAA2
- F1C4AF
- F4CEBD
- F7D8CA
- F9E2D7
- FBEBE4
- FDF5F2
Ombre
- C7886A
- AA735A
- 8E5F4A
- 724C3A
- 583A2C
- 3F281E
- 281810
- 120905
- 030101
Toni
- DB9A7C
- D1987D
- C7957E
- BD927E
- B38F7F
- A98C7F
- 9F8980
- 948680
- 8A8380
Armonie di colore
Complementare +180°
- E59D7B
Les Demoiselles d’Avignon
- 65BEE0
≈ Sea Capture
Analogo -30° +30°
- E59D7B
Les Demoiselles d’Avignon
- E8979B
≈ Franken Berry
- D5A867
≈ Ungor Beige
Triadico +120° +240°
- E59D7B
Les Demoiselles d’Avignon
- 6FC5A2
≈ Gem Silica
- ABA8ED
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- E59D7B
Les Demoiselles d’Avignon
- 59C4C5
≈ Port Hope
- 87B3EF
≈ Fly Away
Tetradico +90° +180° +270°
- E59D7B
Les Demoiselles d’Avignon
- 94BF80
≈ Sago Garden
- 65BEE0
≈ Sea Capture
- C99DDB
≈ Autumn Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.44:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--les-demoiselles-d-avignon: #e59d7b;
--les-demoiselles-d-avignon-rgb: 229 157 123;
--les-demoiselles-d-avignon-oklch: oklch(0.759 0.098 46.1);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(19 67% 69%);
border-color: oklch(0.759 0.098 46.1);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #e59d7b;
--color-les-demoiselles-d-avignon-50: #ffeedd;
--color-les-demoiselles-d-avignon-100: #ffdfcc;
--color-les-demoiselles-d-avignon-200: #f8c8b0;
--color-les-demoiselles-d-avignon-300: #e2a98c;
--color-les-demoiselles-d-avignon-400: #cf8c6c;
--color-les-demoiselles-d-avignon-500: #bb704c;
--color-les-demoiselles-d-avignon-600: #9e5f41;
--color-les-demoiselles-d-avignon-700: #7f4c33;
--color-les-demoiselles-d-avignon-800: #5f3725;
--color-les-demoiselles-d-avignon-900: #422519;
--color-les-demoiselles-d-avignon-950: #2a1409;
}SCSS
$les-demoiselles-d-avignon: #e59d7b;
$les-demoiselles-d-avignon-rgb: 229, 157, 123;
$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);
}