이름 색상 · #F23E67
Munch on Melon
Munch on Melon은(는) #F23E67: rgb(242 62 103), hsl(346 87% 60%), oklch(0.643 0.215 12.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Munch on Melon color name →
#F23E67
oklch(0.643 0.215 12.9)
색상 변환
- HEX
- #f23e67
- RGB
- rgb(242 62 103)
- HSL
- hsl(346 87% 60%)
- HWB
- hwb(346 24% 5%)
- OKLCH
- oklch(0.643 0.215 12.9)
- OKLab
- oklab(0.643 0.209 0.048)
- CIE Lab
- lab(56.12 69.69 20.98)
- LCH
- lch(56.12 72.78 16.8)
- CMYK
- cmyk(0% 74% 57% 5%)
틴트 · 셰이드 · 톤
틴트
- F65875
- FA6E84
- FE8293
- FF95A2
- FFA7B1
- FFB9C0
- FFCBD0
- FFDCDF
- FFEEEF
셰이드
- D23559
- B42B4B
- 96233D
- 791A30
- 5E1223
- 430A17
- 2B040C
- 140104
- 030000
톤
- E84A6A
- DE546C
- D35D6F
- C96472
- BE6A74
- B36F77
- A77479
- 9B797B
- 8E7C7E
색 조화
보색 +180°
- F23E67
Munch on Melon
- 00A29F
≈ Aqua Velvet
유사색 -30° +30°
- F23E67
Munch on Melon
- DF47AF
≈ Pink Bite
- E75A00
≈ Tobiko Orange
삼각 배색 +120° +240°
- F23E67
Munch on Melon
- 5EA200
≈ Prairie Green
- 068DFF
≈ Clear Chill
분열 보색 +150° +210°
- F23E67
Munch on Melon
- 00A674
≈ Bluish Green
- 009CC2
≈ Sea Wonder
사각 배색 +90° +180° +270°
- F23E67
Munch on Melon
- 9D8F00
≈ Smoothie Green
- 00A29F
≈ Aqua Velvet
- 8075FF
≈ Bainganī
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.71:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--munch-on-melon: #f23e67;
--munch-on-melon-rgb: 242 62 103;
--munch-on-melon-oklch: oklch(0.643 0.215 12.9);
}
.element {
color: var(--munch-on-melon);
background-color: hsl(346 87% 60%);
border-color: oklch(0.643 0.215 12.9);
}Tailwind CSS v4
@theme {
--color-munch-on-melon: #f23e67;
--color-munch-on-melon-50: #ffdde1;
--color-munch-on-melon-100: #ffcbd1;
--color-munch-on-melon-200: #ffadb7;
--color-munch-on-melon-300: #ff8494;
--color-munch-on-melon-400: #ff5a7a;
--color-munch-on-melon-500: #f21d5c;
--color-munch-on-melon-600: #cc1e4f;
--color-munch-on-melon-700: #a4193f;
--color-munch-on-melon-800: #7b0f30;
--color-munch-on-melon-900: #570a20;
--color-munch-on-melon-950: #3a0010;
}SCSS
$munch-on-melon: #f23e67;
$munch-on-melon-rgb: 242, 62, 103;
$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);
}