#F2B192

#F2B192

Color Values

HEX

#F2B192

RGB

242, 177, 146

HSL

19.4, 78.7%, 76.1%

HSV

19.4, 39.7%, 94.9%

CMYK

0.0%, 26.9%, 39.7%, 5.1%

OKLCH

0.8137 0.0873 46.5

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F2B192

#92D3F2

Analogous

#F292A3

#F2E192

#F2B192

Triadic

#F2B192

#92F2B1

#B192F2

Split Complementary

#F2B192

#92F2E1

#92A3F2

Tetradic

#F2B192

#A3F292

#92D3F2

#E192F2

Color Blindness Simulation

Original

#F2B192

Protanopia

#D6D599

Deuteranopia

#DADE9B

Tritanopia

#EF9FA1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F2B192;
color: #F2B192;
border-color: #F2B192;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF6F2
100
#F9E9E1
200
#F7D1BF
300
#F2B192
400
#EB8656
500
#E45C1B
600
#B64A16
700
#923B11
800
#722E0E
900
#53240E
950
#341709

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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