#F0BD97

#F0BD97

Color Values

HEX

#F0BD97

RGB

240, 189, 151

HSL

25.6, 74.8%, 76.7%

HSV

25.6, 37.1%, 94.1%

CMYK

0.0%, 21.2%, 37.1%, 5.9%

OKLCH

0.8349 0.0776 58.1

Properties

Warm Light Nearest: NCS S 0520-Y50R Salmon

Color Harmonies

Complementary

#F0BD97

#97CAF0

Analogous

#F0979E

#F0EA97

#F0BD97

Triadic

#F0BD97

#97F0BD

#BD97F0

Split Complementary

#F0BD97

#97F0EA

#979EF0

Tetradic

#F0BD97

#9EF097

#97CAF0

#EA97F0

Color Blindness Simulation

Original

#F0BD97

Protanopia

#DAD9A0

Deuteranopia

#DDE1A2

Tritanopia

#EDA7A9

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F8EBE2
200
#F6D7C1
300
#F0BB94
400
#E7965A
500
#DF7220
600
#B25B1A
700
#8F4915
800
#6F3910
900
#512C10
950
#331C0A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026