#F0B894

#F0B894

Color Values

HEX

#F0B894

RGB

240, 184, 148

HSL

23.5, 75.4%, 76.1%

HSV

23.5, 38.3%, 94.1%

CMYK

0.0%, 23.3%, 38.3%, 5.9%

OKLCH

0.8249 0.0811 54.0

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#F0B894

#94CCF0

Analogous

#F0949E

#F0E694

#F0B894

Triadic

#F0B894

#94F0B8

#B894F0

Split Complementary

#F0B894

#94F0E6

#949EF0

Tetradic

#F0B894

#9EF094

#94CCF0

#E694F0

Color Blindness Simulation

Original

#F0B894

Protanopia

#D8D79D

Deuteranopia

#DBDF9F

Tritanopia

#EDA4A5

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE2
200
#F6D5C0
300
#F0B894
400
#E8915A
500
#E06B1F
600
#B35519
700
#8F4414
800
#703510
900
#512910
950
#331A0A

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.99:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026