#F0BA93

#F0BA93

Color Values

HEX

#F0BA93

RGB

240, 186, 147

HSL

25,2, 75,6%, 75,9%

HSV

25,2, 38,8%, 94,1%

CMYK

0,0%, 22,5%, 38,8%, 5,9%

OKLCH

0,8284 0,0813 57,2

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#F0BA93

#93C9F0

Analogous

#F0939B

#F0E993

#F0BA93

Triadic

#F0BA93

#93F0BA

#BA93F0

Split Complementary

#F0BA93

#93F0E9

#939BF0

Tetradic

#F0BA93

#9BF093

#93C9F0

#E993F0

Color Blindness Simulation

Original

#F0BA93

Protanopia

#D9D89C

Deuteranopia

#DCE09F

Tritanopia

#EDA4A6

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EBE2
200
#F6D7C0
300
#F0BA94
400
#E89559
500
#E0701F
600
#B35A19
700
#8F4814
800
#703810
900
#512B0F
950
#331B0A

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,15: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