Benoemde kleur · #F23E67
Munch on Melon
Munch on Melon is #F23E67: rgb(242 62 103), hsl(346 87% 60%), oklch(0.643 0.215 12.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Munch on Melon color name →
#F23E67
oklch(0.643 0.215 12.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- F65875
- FA6E84
- FE8293
- FF95A2
- FFA7B1
- FFB9C0
- FFCBD0
- FFDCDF
- FFEEEF
Schaduwen
- D23559
- B42B4B
- 96233D
- 791A30
- 5E1223
- 430A17
- 2B040C
- 140104
- 030000
Tonen
- E84A6A
- DE546C
- D35D6F
- C96472
- BE6A74
- B36F77
- A77479
- 9B797B
- 8E7C7E
Kleurharmonieën
Complementair +180°
- F23E67
Munch on Melon
- 00A29F
≈ Aqua Velvet
Analoog -30° +30°
- F23E67
Munch on Melon
- DF47AF
≈ Pink Bite
- E75A00
≈ Tobiko Orange
Triadisch +120° +240°
- F23E67
Munch on Melon
- 5EA200
≈ Prairie Green
- 068DFF
≈ Clear Chill
Gesplitst complementair +150° +210°
- F23E67
Munch on Melon
- 00A674
≈ Bluish Green
- 009CC2
≈ Sea Wonder
Tetradisch +90° +180° +270°
- F23E67
Munch on Melon
- 9D8F00
≈ Smoothie Green
- 00A29F
≈ Aqua Velvet
- 8075FF
≈ Bainganī
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.71:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.66:1 · APCA Lc 38
Beste tekstkleur: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
Codefragmenten
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);
}