Colore con nome · #E5A090
Coral Blush
Coral Blush è #E5A090: rgb(229 160 144), hsl(11 62% 73%), oklch(0.768 0.086 33.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Coral Blush color name →
#E5A090
oklch(0.768 0.086 33.5)
Conversioni di colore
- HEX
- #e5a090
- RGB
- rgb(229 160 144)
- HSL
- hsl(11 62% 73%)
- HWB
- hwb(11 56% 10%)
- OKLCH
- oklch(0.768 0.086 33.5)
- OKLab
- oklab(0.768 0.072 0.048)
- CIE Lab
- lab(72.45 24.95 19.21)
- LCH
- lch(72.45 31.49 37.6)
- CMYK
- cmyk(0% 30% 37% 10%)
Tinte · Ombre · Toni
Tinte
- E8A99B
- EBB3A6
- EEBCB1
- F1C6BC
- F4CFC7
- F6D9D2
- F9E2DD
- FBECE8
- FDF5F4
Ombre
- C78B7D
- AA766A
- 8E6157
- 724E45
- 583B34
- 3F2924
- 281915
- 120907
- 030101
Toni
- DB9D8F
- D19A8D
- C7978C
- BD948A
- B39088
- A88D87
- 9E8A85
- 948783
- 8A8382
Armonie di colore
Complementare +180°
- E5A090
Coral Blush
- 6EC2D5
≈ Surfin’
Analogo -30° +30°
- E5A090
Coral Blush
- E39DAE
≈ Vintage Victorian
- DBA87A
≈ Eastern Spice
Triadico +120° +240°
- E5A090
Coral Blush
- 88C49A
≈ Willow Hedge
- A2B0EB
≈ Wondrous Wisteria
Complementare divisa +150° +210°
- E5A090
Coral Blush
- 70C6B9
≈ Shockwave
- 83BAE7
≈ C’est la Vie
Tetradico +90° +180° +270°
- E5A090
Coral Blush
- A9BD80
≈ Margarita
- 6EC2D5
≈ Surfin’
- BFA7E1
≈ Perfume
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.76:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--coral-blush: #e5a090;
--coral-blush-rgb: 229 160 144;
--coral-blush-oklch: oklch(0.768 0.086 33.5);
}
.element {
color: var(--coral-blush);
background-color: hsl(11 62% 73%);
border-color: oklch(0.768 0.086 33.5);
}Tailwind CSS v4
@theme {
--color-coral-blush: #e5a090;
--color-coral-blush-50: #ffede5;
--color-coral-blush-100: #ffded5;
--color-coral-blush-200: #f6c8bb;
--color-coral-blush-300: #dfa89a;
--color-coral-blush-400: #cc8c7d;
--color-coral-blush-500: #b87060;
--color-coral-blush-600: #9b5f52;
--color-coral-blush-700: #7d4c41;
--color-coral-blush-800: #5d3730;
--color-coral-blush-900: #412520;
--color-coral-blush-950: #291410;
}SCSS
$coral-blush: #e5a090;
$coral-blush-rgb: 229, 160, 144;
$coral-blush-light: mix(#fff, $coral-blush, 20%);
$coral-blush-dark: mix(#000, $coral-blush, 20%);
.element {
color: $coral-blush;
box-shadow: 0 0 0 2px rgba($coral-blush, 0.35);
}