Couleur nommée · #EA6777
Sun-Kissed Coral
Sun-Kissed Coral correspond à #EA6777 : rgb(234 103 119), hsl(353 76% 66%), oklch(0.678 0.162 15). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Sun-Kissed Coral color name →
#EA6777
oklch(0.678 0.162 15)
Conversions de couleur
- HEX
- #ea6777
- RGB
- rgb(234 103 119)
- HSL
- hsl(353 76% 66%)
- HWB
- hwb(353 40% 8%)
- OKLCH
- oklch(0.678 0.162 15)
- OKLab
- oklab(0.678 0.157 0.042)
- CIE Lab
- lab(60.91 52.66 17.73)
- LCH
- lch(60.91 55.57 18.6)
- CMYK
- cmyk(0% 56% 49% 8%)
Teintes · Ombres · Tons
Teintes
- EE7884
- F28891
- F5979E
- F8A6AC
- FBB5B9
- FDC4C7
- FED3D5
- FFE2E3
- FFF0F1
Ombres
- CB5967
- AE4B57
- 913D47
- 753038
- 5A232A
- 41171C
- 290C10
- 130405
- 030001
Tons
- E06B78
- D66F79
- CC727A
- C2757B
- B8777C
- AD7A7D
- A37C7E
- 987D7E
- 8C7F7F
Harmonies de couleurs
Complémentaire +180°
- EA6777
Sun-Kissed Coral
- 00ADAE
≈ Greenland Green
Analogue -30° +30°
- EA6777
Sun-Kissed Coral
- DB6AAE
≈ Purple Hollyhock
- E77136
≈ Invigorate
Triadique +120° +240°
- EA6777
Sun-Kissed Coral
- 69AD3B
≈ Leaf
- 4A99F9
≈ Polar Glow
Complémentaire divisée +150° +210°
- EA6777
Sun-Kissed Coral
- 00B382
≈ Dark Mountain Meadow
- 00A7D3
≈ Malibu Blue
Tétradique +90° +180° +270°
- EA6777
Sun-Kissed Coral
- A69C00
≈ Nuclear Fallout
- 00ADAE
≈ Greenland Green
- 8F86F7
≈ Lavender Blue Shadow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.13:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.70:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--sun-kissed-coral: #ea6777;
--sun-kissed-coral-rgb: 234 103 119;
--sun-kissed-coral-oklch: oklch(0.678 0.162 15);
}
.element {
color: var(--sun-kissed-coral);
background-color: hsl(353 76% 66%);
border-color: oklch(0.678 0.162 15);
}Tailwind CSS v4
@theme {
--color-sun-kissed-coral: #ea6777;
--color-sun-kissed-coral-50: #ffe3e4;
--color-sun-kissed-coral-100: #ffd3d4;
--color-sun-kissed-coral-200: #ffb8bb;
--color-sun-kissed-coral-300: #ff9399;
--color-sun-kissed-coral-400: #ee717f;
--color-sun-kissed-coral-500: #dc4c63;
--color-sun-kissed-coral-600: #ba4254;
--color-sun-kissed-coral-700: #953543;
--color-sun-kissed-coral-800: #6f2532;
--color-sun-kissed-coral-900: #4e1922;
--color-sun-kissed-coral-950: #340811;
}SCSS
$sun-kissed-coral: #ea6777;
$sun-kissed-coral-rgb: 234, 103, 119;
$sun-kissed-coral-light: mix(#fff, $sun-kissed-coral, 20%);
$sun-kissed-coral-dark: mix(#000, $sun-kissed-coral, 20%);
.element {
color: $sun-kissed-coral;
box-shadow: 0 0 0 2px rgba($sun-kissed-coral, 0.35);
}