Named color · #EA27C2
Kriss Me Not Fuchsia
Kriss Me Not Fuchsia is #EA27C2: rgb(234 39 194), hsl(312 82% 54%), oklch(0.646 0.263 338.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Kriss Me Not Fuchsia color name →
#EA27C2
oklch(0.646 0.263 338.7)
Color conversions
- HEX
- #ea27c2
- RGB
- rgb(234 39 194)
- HSL
- hsl(312 82% 54%)
- HWB
- hwb(312 15% 8%)
- OKLCH
- oklch(0.646 0.263 338.7)
- OKLab
- oklab(0.646 0.245 -0.095)
- CIE Lab
- lab(55.1 79.55 -34.35)
- LCH
- lch(55.1 86.65 336.6)
- CMYK
- cmyk(0% 83% 17% 8%)
Tints · Shades · Tones
Tints
- EF4BC9
- F364CF
- F77BD5
- FA8FDC
- FDA3E2
- FFB6E8
- FFC8EE
- FFDBF4
- FFEDF9
Shades
- CB20A8
- AE1A8F
- 911477
- 750E60
- 5A0849
- 410434
- 290220
- 13010E
- 030002
Tones
- E13BBC
- D749B5
- CD54AF
- C45DA8
- B965A2
- AF6C9B
- A47294
- 99778E
- 8D7C87
Color harmonies
Complementary +180°
- EA27C2
Kriss Me Not Fuchsia
- 00A96B
≈ Jade
Analogous -30° +30°
- EA27C2
Kriss Me Not Fuchsia
- BA4FFF
≈ Magento
- FF1A6F
≈ Vivid Raspberry
Triadic +120° +240°
- EA27C2
Kriss Me Not Fuchsia
- A38E00
≈ Romaine Green
- 009EBE
≈ Greek Blue
Split-complementary +150° +210°
- EA27C2
Kriss Me Not Fuchsia
- 6EA000
≈ Elven Olympics
- 00A39C
≈ Grecian Isle
Tetradic +90° +180° +270°
- EA27C2
Kriss Me Not Fuchsia
- C57B00
≈ Bamboo Brown
- 00A96B
≈ Jade
- 0092F3
≈ Karimun Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.77:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.56:1 · APCA Lc 38
Best text color: #000000
WCAG 5.56:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--kriss-me-not-fuchsia: #ea27c2;
--kriss-me-not-fuchsia-rgb: 234 39 194;
--kriss-me-not-fuchsia-oklch: oklch(0.646 0.263 338.7);
}
.element {
color: var(--kriss-me-not-fuchsia);
background-color: hsl(312 82% 54%);
border-color: oklch(0.646 0.263 338.7);
}Tailwind CSS v4
@theme {
--color-kriss-me-not-fuchsia: #ea27c2;
--color-kriss-me-not-fuchsia-50: #ffd8ff;
--color-kriss-me-not-fuchsia-100: #ffc5ff;
--color-kriss-me-not-fuchsia-200: #ffa4f6;
--color-kriss-me-not-fuchsia-300: #ff78df;
--color-kriss-me-not-fuchsia-400: #f94ad1;
--color-kriss-me-not-fuchsia-500: #e800be;
--color-kriss-me-not-fuchsia-600: #c400a1;
--color-kriss-me-not-fuchsia-700: #9e0081;
--color-kriss-me-not-fuchsia-800: #740063;
--color-kriss-me-not-fuchsia-900: #520145;
--color-kriss-me-not-fuchsia-950: #36002d;
}SCSS
$kriss-me-not-fuchsia: #ea27c2;
$kriss-me-not-fuchsia-rgb: 234, 39, 194;
$kriss-me-not-fuchsia-light: mix(#fff, $kriss-me-not-fuchsia, 20%);
$kriss-me-not-fuchsia-dark: mix(#000, $kriss-me-not-fuchsia, 20%);
.element {
color: $kriss-me-not-fuchsia;
box-shadow: 0 0 0 2px rgba($kriss-me-not-fuchsia, 0.35);
}