#FEB3BC

#FEB3BC

Color Values

HEX

#FEB3BC

RGB

254, 179, 188

HSL

352.8, 97.4%, 84.9%

HSV

352.8, 29.5%, 99.6%

CMYK

0.0%, 29.5%, 26.0%, 0.4%

OKLCH

0.8398 0.0881 11.2

Properties

Warm Light Nearest: lightpink

Color Harmonies

Complementary

#FEB3BC

#B3FEF5

Analogous

#FEB3E1

#FECFB3

#FEB3BC

Triadic

#FEB3BC

#BCFEB3

#B3BCFE

Split Complementary

#FEB3BC

#B3FECF

#B3E1FE

Tetradic

#FEB3BC

#E1FEB3

#B3FEF5

#CFB3FE

Color Blindness Simulation

Original

#FEB3BC

Protanopia

#DEDDBA

Deuteranopia

#E2E7B9

Tritanopia

#FAB8B8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FEB9C1
300
#FD8694
400
#FD455B
500
#FC0321
600
#C9031A
700
#A10215
800
#7E0211
900
#5B0610
950
#39040A

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026