가장 가까운 이름 색상 · #EF4C68
#EF4C68
가장 가까운 이름 색상: Munch on Melon
#EF4C68(rgb(239 76 104), hsl(350 84% 62%), oklch(0.651 0.198 14.7))와 가장 가까운 이름 색상은 Munch on Melon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EF4C68
oklch(0.651 0.198 14.7)
색상 변환
- HEX
- #ef4c68
- RGB
- rgb(239 76 104)
- HSL
- hsl(350 84% 62%)
- HWB
- hwb(350 30% 6%)
- OKLCH
- oklch(0.651 0.198 14.7)
- OKLab
- oklab(0.651 0.192 0.05)
- CIE Lab
- lab(57.29 64.3 21.81)
- LCH
- lch(57.29 67.9 18.7)
- CMYK
- cmyk(0% 68% 56% 6%)
틴트 · 셰이드 · 톤
틴트
- F36276
- F77685
- FB8894
- FD9AA2
- FFABB1
- FFBCC1
- FFCDD0
- FFDEDF
- FFEEEF
셰이드
- D04159
- B1364B
- 942C3E
- 782230
- 5C1824
- 420F18
- 2A060C
- 140204
- 030000
톤
- E5556B
- DB5D6D
- D16370
- C66972
- BC6E75
- B17277
- A57679
- 9A7A7C
- 8D7D7E
색 조화
보색 +180°
- EF4C68
Munch on Melon
- 00A4A4
≈ Wax Crayon Blue
유사색 -30° +30°
- EF4C68
Munch on Melon
- DE51AB
≈ Orion
- E75F00
≈ Spanish Orange
삼각 배색 +120° +240°
- EF4C68
Munch on Melon
- 58A700
≈ Ruminant’s Paradise
- 298FFF
≈ Clear Chill
분열 보색 +150° +210°
- EF4C68
Munch on Melon
- 00A97A
≈ Dragon Scale
- 009EC7
≈ Blue Ocean
사각 배색 +90° +180° +270°
- EF4C68
Munch on Melon
- 9D9300
≈ Romaine Green
- 00A4A4
≈ Wax Crayon Blue
- 8777FF
≈ Bainganī
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.55:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.90:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.90:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--munch-on-melon: #ef4c68;
--munch-on-melon-rgb: 239 76 104;
--munch-on-melon-oklch: oklch(0.651 0.198 14.7);
}
.element {
color: var(--munch-on-melon);
background-color: hsl(350 84% 62%);
border-color: oklch(0.651 0.198 14.7);
}Tailwind CSS v4
@theme {
--color-munch-on-melon: #ef4c68;
--color-munch-on-melon-50: #ffdfe1;
--color-munch-on-melon-100: #ffcdd0;
--color-munch-on-melon-200: #ffb0b6;
--color-munch-on-melon-300: #ff8993;
--color-munch-on-melon-400: #fd6279;
--color-munch-on-melon-500: #eb325b;
--color-munch-on-melon-600: #c72d4d;
--color-munch-on-melon-700: #a0243e;
--color-munch-on-melon-800: #77182f;
--color-munch-on-melon-900: #54101f;
--color-munch-on-melon-950: #38020f;
}SCSS
$munch-on-melon: #ef4c68;
$munch-on-melon-rgb: 239, 76, 104;
$munch-on-melon-light: mix(#fff, $munch-on-melon, 20%);
$munch-on-melon-dark: mix(#000, $munch-on-melon, 20%);
.element {
color: $munch-on-melon;
box-shadow: 0 0 0 2px rgba($munch-on-melon, 0.35);
}