#FFB4E7

#FFB4E7

Color Values

HEX

#FFB4E7

RGB

255, 180, 231

HSL

319.2, 100.0%, 85.3%

HSV

319.2, 29.4%, 100.0%

CMYK

0.0%, 29.4%, 9.4%, 0.0%

OKLCH

0.8555 0.1079 339.0

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#FFB4E7

#B4FFCC

Analogous

#F2B4FF

#FFB4C2

#FFB4E7

Triadic

#FFB4E7

#E7FFB4

#B4E7FF

Split Complementary

#FFB4E7

#C2FFB4

#B4FFF2

Tetradic

#FFB4E7

#FFF2B4

#B4FFCC

#B4C2FF

Color Blindness Simulation

Original

#FFB4E7

Protanopia

#DFDEDB

Deuteranopia

#E3E8D8

Tritanopia

#FBD1CF

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FFB8E8
300
#FF85D8
400
#FF42C3
500
#FF00AD
600
#CC008B
700
#A3006F
800
#800057
900
#5C0540
950
#3A0329

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026