#FF4BB8#FF4BB8
#FF4BB8 is a light, highly saturated pink. Relative luminance 0.298; OKLCH L 69.9% C 0.237 H 347.8°. Best body text is #000000 at 6.95:1 contrast (WCAG AA passes).
Color values
| HEX | #FF4BB8 |
|---|---|
| RGB | rgb(255, 75, 184) |
| HSL | hsl(324, 100%, 65%) |
| HSV | hsv(324, 71%, 100%) |
| CMYK | cmyk(0%, 70.6%, 27.8%, 0%) |
| CIE-LAB | lab(61.45, 76.20, -19.03) |
| CIE-LCH | lch(61.45, 78.54, 345.98°) |
| OKLab | oklab(69.9% 0.2318 -0.0501) |
| OKLCH | oklch(69.9% 0.237 347.8) |
| XYZ | xyz(52.4103, 29.7586, 48.3220) |
| Luminance | 0.2975 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Barbie Pink
#FE46A5
ΔE00 3.47
Hot Pink
#FF69B4
ΔE00 5.16
Bright Pink
#FE01B1
ΔE00 5.27
Bubblegum (survey)
#FF6CB5
ΔE00 5.63
Bubble Gum Pink
#FF69AF
ΔE00 5.78
Shocking Pink
#FE02A2
ΔE00 5.90
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FF4BB8 #4BFF92
analogous
#EC4BFF #FF4BB8 #FF4B5E
triadic
#FF4BB8 #B8FF4B #4BB8FF
tetradic
#FF4BB8 #FFEC4B #4BFF92 #4B5EFF
square
#FF4BB8 #FFEC4B #4BFF92 #4B5EFF
split-complementary
#FF4BB8 #5EFF4B #4BFFEC
monochromatic
#D0007E #FF0EA0 #FF4BB8 #FF88D0 #FFC5E8
Accessibility & contrast
On white
3.02
#FF4BB8 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.95
#FF4BB8 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #FF4BB8
6.95:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FF4BB8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FF4BB8 | 1.00 | 3.02 | 6.95 | 6.95 |
| #FFFFFF | 3.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.95 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6480BB
Deuteranopia (green-blind)
#99A0B4
Tritanopia (blue-blind)
#FF447B
Achromatopsia (no color)
#949494
Design tokens & code
CSS
--color: #ff4bb8; /* rgb */ color: rgb(255, 75, 184); /* oklch */ color: oklch(69.9% 0.237 347.8);
Tailwind
colors: {
custom: {
50: '#ff8bcd',
500: '#ff4bb8',
950: '#000000',
},
}SCSS
$custom: #ff4bb8; $custom-light: #ff8bcd; $custom-dark: #000000;
JSON
{
"hex": "#ff4bb8",
"rgb": {
"r": 255,
"g": 75,
"b": 184
},
"hsl": {
"h": 323.667,
"s": 100,
"l": 64.706
},
"oklch": {
"l": 0.69898,
"c": 0.23713,
"h": 347.8
},
"luminance": 0.29753
}Semantic roles & 50–950 ramp
primary
#FF4BB8
secondary
#B4F2CC
accent
#E65B00
background
#FFF9FC
surface
#FFF1F9
border
#D7CBD2
text
#190D13
muted
#877E82