#FFB5BA

#FFB5BA

Color Values

HEX

#FFB5BA

RGB

255, 181, 186

HSL

355,9, 100,0%, 85,5%

HSV

355,9, 29,0%, 100,0%

CMYK

0,0%, 29,0%, 27,1%, 0,0%

OKLCH

0,8438 0,0865 14,6

Properties

Warm Light Nearest: lightpink

Color Harmonies

Complementary

#FFB5BA

#B5FFFA

Analogous

#FFB5DF

#FFD5B5

#FFB5BA

Triadic

#FFB5BA

#BAFFB5

#B5BAFF

Split Complementary

#FFB5BA

#B5FFD5

#B5DFFF

Tetradic

#FFB5BA

#DFFFB5

#B5FFFA

#D5B5FF

Color Blindness Simulation

Original

#FFB5BA

Protanopia

#DFDEB9

Deuteranopia

#E3E9B8

Tritanopia

#FBB8B8

Achromatopsia

#C5C5C5

CSS Usage

background-color: #FFB5BA;
color: #FFB5BA;
border-color: #FFB5BA;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BC
300
#FF858D
400
#FF424F
500
#FF0011
600
#CC000E
700
#A3000B
800
#800009
900
#5C050B
950
#3A0307

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,57: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