#F0BD92

#F0BD92

Color Values

HEX

#F0BD92

RGB

240, 189, 146

HSL

27.4, 75.8%, 75.7%

HSV

27.4, 39.2%, 94.1%

CMYK

0.0%, 21.2%, 39.2%, 5.9%

OKLCH

0.8339 0.0817 61.5

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F0BD92

#92C5F0

Analogous

#F09296

#F0EC92

#F0BD92

Triadic

#F0BD92

#92F0BD

#BD92F0

Split Complementary

#F0BD92

#92F0EC

#9296F0

Tetradic

#F0BD92

#96F092

#92C5F0

#EC92F0

Color Blindness Simulation

Original

#F0BD92

Protanopia

#DAD99C

Deuteranopia

#DDE19F

Tritanopia

#EDA5A6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F6D9C0
300
#F0BE93
400
#E89A59
500
#E0771F
600
#B35F19
700
#8F4C14
800
#703C0F
900
#522E0F
950
#331D0A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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