命名颜色 · #EA6777
Sun-Kissed Coral
Sun-Kissed Coral 即 #EA6777：rgb(234 103 119)、hsl(353 76% 66%)、oklch(0.678 0.162 15)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Sun-Kissed Coral color name →
#EA6777
oklch(0.678 0.162 15)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- EE7884
- F28891
- F5979E
- F8A6AC
- FBB5B9
- FDC4C7
- FED3D5
- FFE2E3
- FFF0F1
深色调
- CB5967
- AE4B57
- 913D47
- 753038
- 5A232A
- 41171C
- 290C10
- 130405
- 030001
灰色调
- E06B78
- D66F79
- CC727A
- C2757B
- B8777C
- AD7A7D
- A37C7E
- 987D7E
- 8C7F7F
配色和谐
互补色 +180°
- EA6777
Sun-Kissed Coral
- 00ADAE
≈ Greenland Green
类似色 -30° +30°
- EA6777
Sun-Kissed Coral
- DB6AAE
≈ Purple Hollyhock
- E77136
≈ Invigorate
三角配色 +120° +240°
- EA6777
Sun-Kissed Coral
- 69AD3B
≈ Leaf
- 4A99F9
≈ Polar Glow
分裂互补色 +150° +210°
- EA6777
Sun-Kissed Coral
- 00B382
≈ Dark Mountain Meadow
- 00A7D3
≈ Malibu Blue
四角配色 +90° +180° +270°
- EA6777
Sun-Kissed Coral
- A69C00
≈ Nuclear Fallout
- 00ADAE
≈ Greenland Green
- 8F86F7
≈ Lavender Blue Shadow
对比度与无障碍
Ag
Fail白底
WCAG 3.13:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.70:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
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);
}