Nazwany kolor · #EA6777
Sun-Kissed Coral
Sun-Kissed Coral to #EA6777: rgb(234 103 119), hsl(353 76% 66%), oklch(0.678 0.162 15). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sun-Kissed Coral color name →
#EA6777
oklch(0.678 0.162 15)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EE7884
- F28891
- F5979E
- F8A6AC
- FBB5B9
- FDC4C7
- FED3D5
- FFE2E3
- FFF0F1
Odcienie ciemniejsze
- CB5967
- AE4B57
- 913D47
- 753038
- 5A232A
- 41171C
- 290C10
- 130405
- 030001
Tony
- E06B78
- D66F79
- CC727A
- C2757B
- B8777C
- AD7A7D
- A37C7E
- 987D7E
- 8C7F7F
Harmonie kolorów
Komplementarna +180°
- EA6777
Sun-Kissed Coral
- 00ADAE
≈ Greenland Green
Analogowa -30° +30°
- EA6777
Sun-Kissed Coral
- DB6AAE
≈ Purple Hollyhock
- E77136
≈ Invigorate
Triada +120° +240°
- EA6777
Sun-Kissed Coral
- 69AD3B
≈ Leaf
- 4A99F9
≈ Polar Glow
Komplementarna rozszczepiona +150° +210°
- EA6777
Sun-Kissed Coral
- 00B382
≈ Dark Mountain Meadow
- 00A7D3
≈ Malibu Blue
Tetrada +90° +180° +270°
- EA6777
Sun-Kissed Coral
- A69C00
≈ Nuclear Fallout
- 00ADAE
≈ Greenland Green
- 8F86F7
≈ Lavender Blue Shadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.70:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}