Benoemde kleur · #E68FAC
Charm Pink
Charm Pink is #E68FAC: rgb(230 143 172), hsl(340 64% 73%), oklch(0.748 0.111 358.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Charm Pink color name →
#E68FAC
oklch(0.748 0.111 358.6)
Kleurconversies
- HEX
- #e68fac
- RGB
- rgb(230 143 172)
- HSL
- hsl(340 64% 73%)
- HWB
- hwb(340 56% 10%)
- OKLCH
- oklch(0.748 0.111 358.6)
- OKLab
- oklab(0.748 0.111 -0.003)
- CIE Lab
- lab(69.33 36.53 -0.58)
- LCH
- lch(69.33 36.54 359.1)
- CMYK
- cmyk(0% 38% 25% 10%)
Tinten · Schaduwen · Tonen
Tinten
- E99AB4
- EDA6BC
- F0B1C4
- F3BCCC
- F5C7D5
- F8D2DD
- FADDE5
- FCE9EE
- FEF4F6
Schaduwen
- C87C95
- AB697F
- 8E5769
- 734554
- 593440
- 40242D
- 28151B
- 13070B
- 030101
Tonen
- DC8EA7
- D28DA3
- C88B9F
- BE8A9A
- B48996
- AA8791
- 9F858D
- 958489
- 8B8284
Kleurharmonieën
Complementair +180°
- E68FAC
Charm Pink
- 4EC4AE
≈ Melbourne Cup
Analoog -30° +30°
- E68FAC
Charm Pink
- D494D0
≈ Ineffable Magenta
- EB9285
≈ Sierra Pink
Triadisch +120° +240°
- E68FAC
Charm Pink
- A6B763
≈ Gooseberry Fool
- 65B7EB
≈ Sea Frolic
Gesplitst complementair +150° +210°
- E68FAC
Charm Pink
- 7AC186
≈ Rally Green
- 42C0D2
≈ The Crowd Roars!
Tetradisch +90° +180° +270°
- E68FAC
Charm Pink
- CAA955
≈ Glorious Gold
- 4EC4AE
≈ Melbourne Cup
- 90AAF4
≈ Kitten’s Eye
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.36:1 · APCA Lc 46
Ag
AAAOp zwart
WCAG 8.88:1 · APCA Lc 56
Beste tekstkleur: #000000
WCAG 8.88:1 (AAA) · APCA Lc 56
Contrast pairs
Codefragmenten
CSS
:root {
--charm-pink: #e68fac;
--charm-pink-rgb: 230 143 172;
--charm-pink-oklch: oklch(0.748 0.111 358.6);
}
.element {
color: var(--charm-pink);
background-color: hsl(340 64% 73%);
border-color: oklch(0.748 0.111 358.6);
}Tailwind CSS v4
@theme {
--color-charm-pink: #e68fac;
--color-charm-pink-50: #ffe9f3;
--color-charm-pink-100: #ffd9e6;
--color-charm-pink-200: #fdc1d2;
--color-charm-pink-300: #e7a0b4;
--color-charm-pink-400: #d3829d;
--color-charm-pink-500: #c06485;
--color-charm-pink-600: #a25671;
--color-charm-pink-700: #82445a;
--color-charm-pink-800: #603143;
--color-charm-pink-900: #43212e;
--color-charm-pink-950: #2b101b;
}SCSS
$charm-pink: #e68fac;
$charm-pink-rgb: 230, 143, 172;
$charm-pink-light: mix(#fff, $charm-pink, 20%);
$charm-pink-dark: mix(#000, $charm-pink, 20%);
.element {
color: $charm-pink;
box-shadow: 0 0 0 2px rgba($charm-pink, 0.35);
}