Colore con nome · #E28980
Coral Haze
Coral Haze è #E28980: rgb(226 137 128), hsl(6 63% 69%), oklch(0.721 0.111 26.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Coral Haze color name →
#E28980
oklch(0.721 0.111 26.3)
Conversioni di colore
- HEX
- #e28980
- RGB
- rgb(226 137 128)
- HSL
- hsl(6 63% 69%)
- HWB
- hwb(6 50% 11%)
- OKLCH
- oklch(0.721 0.111 26.3)
- OKLab
- oklab(0.721 0.099 0.049)
- CIE Lab
- lab(66.64 34.13 20.11)
- LCH
- lch(66.64 39.62 30.5)
- CMYK
- cmyk(0% 39% 43% 11%)
Tinte · Ombre · Toni
Tinte
- E6958C
- EAA199
- EDADA5
- F1B8B2
- F4C4BE
- F6D0CB
- F9DCD8
- FBE7E5
- FDF3F2
Ombre
- C4766E
- A8645D
- 8C534D
- 71423D
- 57312E
- 3E221F
- 271412
- 120706
- 030101
Toni
- D88980
- CF8880
- C58780
- BC8781
- B28681
- A88581
- 9E8480
- 948380
- 8A8180
Armonie di colore
Complementare +180°
- E28980
Coral Haze
- 36B8C7
≈ Utopia Beckons
Analogo -30° +30°
- E28980
Coral Haze
- DC87A7
≈ Vivacious Pink
- DA925E
≈ Persian Orange
Triadico +120° +240°
- E28980
Coral Haze
- 75B87B
≈ Lucerne
- 85A3EB
≈ Blue Cue
Complementare divisa +150° +210°
- E28980
Coral Haze
- 47BCA3
≈ Jolt of Jade
- 59AFE1
≈ Sanctuary Spa
Tetradico +90° +180° +270°
- E28980
Coral Haze
- A1AE59
≈ Pandan Cake
- 36B8C7
≈ Utopia Beckons
- AB96E2
≈ Dull Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.58:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.12:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--coral-haze: #e28980;
--coral-haze-rgb: 226 137 128;
--coral-haze-oklch: oklch(0.721 0.111 26.3);
}
.element {
color: var(--coral-haze);
background-color: hsl(6 63% 69%);
border-color: oklch(0.721 0.111 26.3);
}Tailwind CSS v4
@theme {
--color-coral-haze: #e28980;
--color-coral-haze-50: #ffeae4;
--color-coral-haze-100: #ffdbd3;
--color-coral-haze-200: #ffc3ba;
--color-coral-haze-300: #eba298;
--color-coral-haze-400: #d8847c;
--color-coral-haze-500: #c5675e;
--color-coral-haze-600: #a65750;
--color-coral-haze-700: #854640;
--color-coral-haze-800: #63322f;
--color-coral-haze-900: #462220;
--color-coral-haze-950: #2d110f;
}SCSS
$coral-haze: #e28980;
$coral-haze-rgb: 226, 137, 128;
$coral-haze-light: mix(#fff, $coral-haze, 20%);
$coral-haze-dark: mix(#000, $coral-haze, 20%);
.element {
color: $coral-haze;
box-shadow: 0 0 0 2px rgba($coral-haze, 0.35);
}