Named color · #FF08E8
Bright Magenta
Bright Magenta is #FF08E8: rgb(255 8 232), hsl(306 100% 52%), oklch(0.69 0.307 333.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Bright Magenta color name →
#FF08E8
oklch(0.69 0.307 333.5)
Color conversions
- HEX
- #ff08e8
- RGB
- rgb(255 8 232)
- HSL
- hsl(306 100% 52%)
- HWB
- hwb(306 3% 0%)
- OKLCH
- oklch(0.69 0.307 333.5)
- OKLab
- oklab(0.69 0.275 -0.137)
- CIE Lab
- lab(59.26 90.85 -49.12)
- LCH
- lch(59.26 103.28 331.6)
- CMYK
- cmyk(0% 97% 9% 0%)
Tints · Shades · Tones
Tints
- FF45EB
- FF63EE
- FF7BF1
- FF90F4
- FFA4F6
- FFB8F8
- FFCAFA
- FFDCFC
- FFEEFE
Shades
- DE06CA
- BE04AC
- 9E0390
- 800274
- 630159
- 480140
- 2E0029
- 160013
- 030003
Tones
- F333DE
- E846D3
- DC53C9
- D05DBF
- C366B4
- B76DAA
- AA73A0
- 9D7895
- 8F7C8B
Color harmonies
Complementary +180°
- FF08E8
Bright Magenta
- 00B965
≈ Green Elliott
Analogous -30° +30°
- FF08E8
Bright Magenta
- B674FF
≈ Queer Purple
- FF518D
≈ Fuchsia Fever
Triadic +120° +240°
- FF08E8
Bright Magenta
- B99800
≈ Hidden Tribe
- 00AEC8
≈ Havasupai Falls
Split-complementary +150° +210°
- FF08E8
Bright Magenta
- 87AB00
≈ Fresh Lawn
- 00B3A3
≈ Billiard
Tetradic +90° +180° +270°
- FF08E8
Bright Magenta
- DD8200
≈ Tangerine Haze
- 00B965
≈ Green Elliott
- 00A4FA
≈ Rockman Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.25:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.45:1 · APCA Lc 45
Best text color: #000000
WCAG 6.45:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--bright-magenta: #ff08e8;
--bright-magenta-rgb: 255 8 232;
--bright-magenta-oklch: oklch(0.69 0.307 333.5);
}
.element {
color: var(--bright-magenta);
background-color: hsl(306 100% 52%);
border-color: oklch(0.69 0.307 333.5);
}Tailwind CSS v4
@theme {
--color-bright-magenta: #ff08e8;
--color-bright-magenta-50: #ffd3ff;
--color-bright-magenta-100: #ffbfff;
--color-bright-magenta-200: #ff9cff;
--color-bright-magenta-300: #ff6bf3;
--color-bright-magenta-400: #ff2de8;
--color-bright-magenta-500: #ed00d7;
--color-bright-magenta-600: #c800b6;
--color-bright-magenta-700: #a10092;
--color-bright-magenta-800: #770070;
--color-bright-magenta-900: #54004f;
--color-bright-magenta-950: #380034;
}SCSS
$bright-magenta: #ff08e8;
$bright-magenta-rgb: 255, 8, 232;
$bright-magenta-light: mix(#fff, $bright-magenta, 20%);
$bright-magenta-dark: mix(#000, $bright-magenta, 20%);
.element {
color: $bright-magenta;
box-shadow: 0 0 0 2px rgba($bright-magenta, 0.35);
}