Nearest named color · #FE2FD4
#FE2FD4
Nearest named color: Pink Glamour
#FE2FD4 (rgb(254 47 212), hsl(312 99% 59%), oklch(0.69 0.278 338.4)) is closest to the named color Pink Glamour. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FE2FD4
oklch(0.69 0.278 338.4)
Color conversions
- HEX
- #fe2fd4
- RGB
- rgb(254 47 212)
- HSL
- hsl(312 99% 59%)
- HWB
- hwb(312 18% 0%)
- OKLCH
- oklch(0.69 0.278 338.4)
- OKLab
- oklab(0.69 0.258 -0.102)
- CIE Lab
- lab(59.96 84.03 -36.76)
- LCH
- lch(59.96 91.72 336.4)
- CMYK
- cmyk(0% 81% 17% 0%)
Tints · Shades · Tones
Tints
- FF52D9
- FF6BDE
- FF81E2
- FF95E7
- FFA8EB
- FFBAEF
- FFCBF3
- FFDDF7
- FFEEFB
Shades
- DD27B8
- BD209D
- 9E1983
- 801269
- 630C51
- 47063A
- 2D0324
- 160110
- 030002
Tones
- F242CC
- E74FC3
- DB5ABB
- CF62B3
- C369AA
- B66FA2
- AA7499
- 9C7991
- 8F7D89
Color harmonies
Complementary +180°
- FE2FD4
Pink Glamour
- 00B875
≈ Fennel Fiesta
Analogous -30° +30°
- FE2FD4
Pink Glamour
- C16DFF
≈ Easter Purple
- FF5482
≈ Warm Pink
Triadic +120° +240°
- FE2FD4
Pink Glamour
- B39B00
≈ Kalliene Yellow
- 00ADCF
≈ Hú Lán Blue
Split-complementary +150° +210°
- FE2FD4
Pink Glamour
- 79AF00
≈ Plus Ultra
- 00B3AA
≈ Glass Jar Blue
Tetradic +90° +180° +270°
- FE2FD4
Pink Glamour
- D78700
≈ Fleur de Sel Caramel
- 00B875
≈ Fennel Fiesta
- 2BA0FF
≈ Brilliant Azure
Contrast & accessibility
Ag
FailOn white
WCAG 3.19:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.57:1 · APCA Lc 44
Best text color: #000000
WCAG 6.57:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--pink-glamour: #fe2fd4;
--pink-glamour-rgb: 254 47 212;
--pink-glamour-oklch: oklch(0.69 0.278 338.4);
}
.element {
color: var(--pink-glamour);
background-color: hsl(312 99% 59%);
border-color: oklch(0.69 0.278 338.4);
}Tailwind CSS v4
@theme {
--color-pink-glamour: #fe2fd4;
--color-pink-glamour-50: #ffd6ff;
--color-pink-glamour-100: #ffc2ff;
--color-pink-glamour-200: #ffa1f8;
--color-pink-glamour-300: #ff73e2;
--color-pink-glamour-400: #fd40d5;
--color-pink-glamour-500: #ec00c2;
--color-pink-glamour-600: #c700a4;
--color-pink-glamour-700: #a00084;
--color-pink-glamour-800: #760065;
--color-pink-glamour-900: #540047;
--color-pink-glamour-950: #38002e;
}SCSS
$pink-glamour: #fe2fd4;
$pink-glamour-rgb: 254, 47, 212;
$pink-glamour-light: mix(#fff, $pink-glamour, 20%);
$pink-glamour-dark: mix(#000, $pink-glamour, 20%);
.element {
color: $pink-glamour;
box-shadow: 0 0 0 2px rgba($pink-glamour, 0.35);
}