#FFBAE8

#FFBAE8

Color Values

HEX

#FFBAE8

RGB

255, 186, 232

HSL

320.0, 100.0%, 86.5%

HSV

320.0, 27.1%, 100.0%

CMYK

0.0%, 27.1%, 9.0%, 0.0%

OKLCH

0.866 0.0983 339.4

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FFBAE8

#BAFFD1

Analogous

#F4BAFF

#FFBAC6

#FFBAE8

Triadic

#FFBAE8

#E8FFBA

#BAE8FF

Split Complementary

#FFBAE8

#C6FFBA

#BAFFF4

Tetradic

#FFBAE8

#FFF4BA

#BAFFD1

#BAC6FF

Color Blindness Simulation

Original

#FFBAE8

Protanopia

#E1E1DD

Deuteranopia

#E5EADA

Tritanopia

#FCD4D2

Achromatopsia

#CCCCCC

CSS Usage

background-color: #FFBAE8;
color: #FFBAE8;
border-color: #FFBAE8;
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.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026