Named color · #FF2FEB
Maiden Pink
Maiden Pink is #FF2FEB: rgb(255 47 235), hsl(306 100% 59%), oklch(0.703 0.293 332.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Maiden Pink color name →
#FF2FEB
oklch(0.703 0.293 332.8)
Color conversions
- HEX
- #ff2feb
- RGB
- rgb(255 47 235)
- HSL
- hsl(306 100% 59%)
- HWB
- hwb(306 18% 0%)
- OKLCH
- oklch(0.703 0.293 332.8)
- OKLab
- oklab(0.703 0.26 -0.134)
- CIE Lab
- lab(61.07 86.43 -47.97)
- LCH
- lch(61.07 98.85 331)
- CMYK
- cmyk(0% 82% 8% 0%)
Tints · Shades · Tones
Tints
- FF53EE
- FF6CF1
- FF82F3
- FF96F5
- FFA9F7
- FFBBF9
- FFCDFB
- FFDEFD
- FFEEFE
Shades
- DE27CC
- BE20AE
- 9E1991
- 801275
- 630C5B
- 480641
- 2E0329
- 160113
- 030003
Tones
- F343E0
- E751D6
- DB5BCB
- CF64C0
- C36BB6
- B670AB
- A975A0
- 9C7A96
- 8E7D8B
Color harmonies
Complementary +180°
- FF2FEB
Maiden Pink
- 00BE65
≈ Green Elliott
Analogous -30° +30°
- FF2FEB
Maiden Pink
- B87CFF
≈ Illicit Purple
- FF5C94
≈ Stellar Strawberry
Triadic +120° +240°
- FF2FEB
Maiden Pink
- BF9C00
≈ Perennial
- 00B3CD
≈ Aquarius
Split-complementary +150° +210°
- FF2FEB
Maiden Pink
- 8CAF00
≈ Gameboy Screen
- 00B8A6
≈ Verditer
Tetradic +90° +180° +270°
- FF2FEB
Maiden Pink
- E48500
≈ Fulvous
- 00BE65
≈ Green Elliott
- 01A8FF
≈ Protoss Pylon
Contrast & accessibility
Ag
FailOn white
WCAG 3.06:1 · APCA Lc 56
Ag
AAOn black
WCAG 6.85:1 · APCA Lc 46
Best text color: #000000
WCAG 6.85:1 (AA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--maiden-pink: #ff2feb;
--maiden-pink-rgb: 255 47 235;
--maiden-pink-oklch: oklch(0.703 0.293 332.8);
}
.element {
color: var(--maiden-pink);
background-color: hsl(306 100% 59%);
border-color: oklch(0.703 0.293 332.8);
}Tailwind CSS v4
@theme {
--color-maiden-pink: #ff2feb;
--color-maiden-pink-50: #ffd5ff;
--color-maiden-pink-100: #ffc2ff;
--color-maiden-pink-200: #ffa0ff;
--color-maiden-pink-300: #ff71f2;
--color-maiden-pink-400: #fa3be6;
--color-maiden-pink-500: #e800d6;
--color-maiden-pink-600: #c400b4;
--color-maiden-pink-700: #9e0091;
--color-maiden-pink-800: #74006f;
--color-maiden-pink-900: #52004e;
--color-maiden-pink-950: #360034;
}SCSS
$maiden-pink: #ff2feb;
$maiden-pink-rgb: 255, 47, 235;
$maiden-pink-light: mix(#fff, $maiden-pink, 20%);
$maiden-pink-dark: mix(#000, $maiden-pink, 20%);
.element {
color: $maiden-pink;
box-shadow: 0 0 0 2px rgba($maiden-pink, 0.35);
}