#F0B09B

#F0B09B

Color Values

HEX

#F0B09B

RGB

240, 176, 155

HSL

14.8, 73.9%, 77.5%

HSV

14.8, 35.4%, 94.1%

CMYK

0.0%, 26.7%, 35.4%, 5.9%

OKLCH

0.8117 0.081 38.9

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F0B09B

#9BDBF0

Analogous

#F09BB1

#F0DB9B

#F0B09B

Triadic

#F0B09B

#9BF0B0

#B09BF0

Split Complementary

#F0B09B

#9BF0DB

#9BB1F0

Tetradic

#F0B09B

#B1F09B

#9BDBF0

#DB9BF0

Color Blindness Simulation

Original

#F0B09B

Protanopia

#D4D4A0

Deuteranopia

#D8DDA1

Tritanopia

#EDA4A5

Achromatopsia

#BCBCBC

CSS Usage

background-color: #F0B09B;
color: #F0B09B;
border-color: #F0B09B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F6CEC1
300
#EFAB95
400
#E67D5B
500
#DE5021
600
#B1401B
700
#8E3315
800
#6F2811
900
#512010
950
#33140A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026