#FFB4E6

#FFB4E6

Color Values

HEX

#FFB4E6

RGB

255, 180, 230

HSL

320.0, 100.0%, 85.3%

HSV

320.0, 29.4%, 100.0%

CMYK

0.0%, 29.4%, 9.8%, 0.0%

OKLCH

0.8552 0.1071 339.6

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#FFB4E6

#B4FFCD

Analogous

#F3B4FF

#FFB4C1

#FFB4E6

Triadic

#FFB4E6

#E6FFB4

#B4E6FF

Split Complementary

#FFB4E6

#C1FFB4

#B4FFF3

Tetradic

#FFB4E6

#FFF3B4

#B4FFCD

#B4C1FF

Color Blindness Simulation

Original

#FFB4E6

Protanopia

#DFDEDA

Deuteranopia

#E3E8D7

Tritanopia

#FBD0CE

Achromatopsia

#C8C8C8

CSS Usage

background-color: #FFB4E6;
color: #FFB4E6;
border-color: #FFB4E6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1FA
100
#FCDEF2
200
#FFB8E7
300
#FF85D6
400
#FF42C0
500
#FF00AA
600
#CC0088
700
#A3006D
800
#800055
900
#5C053F
950
#3A0328

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026