#F2B8BC

#F2B8BC

Color Values

HEX

#F2B8BC

RGB

242, 184, 188

HSL

355.9, 69.0%, 83.5%

HSV

355.9, 24.0%, 94.9%

CMYK

0.0%, 24.0%, 22.3%, 5.1%

OKLCH

0.8363 0.0674 14.0

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#F2B8BC

#B8F2EE

Analogous

#F2B8D9

#F2D1B8

#F2B8BC

Triadic

#F2B8BC

#BCF2B8

#B8BCF2

Split Complementary

#F2B8BC

#B8F2D1

#B8D9F2

Tetradic

#F2B8BC

#D9F2B8

#B8F2EE

#D1B8F2

Color Blindness Simulation

Original

#F2B8BC

Protanopia

#D9D8BB

Deuteranopia

#DCE1BB

Tritanopia

#EFBABA

Achromatopsia

#C5C5C5

CSS Usage

background-color: #F2B8BC;
color: #F2B8BC;
border-color: #F2B8BC;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF3F3
100
#F8E3E4
200
#F4C3C6
300
#EC989D
400
#E26068
500
#D72834
600
#AC2029
700
#8A1921
800
#6C141A
900
#4F1216
950
#320C0E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.36: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