이름 색상 · #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);
}