#F0B94D

#F0B94D

Color Values

HEX

#F0B94D

RGB

240, 185, 77

HSL

39.8, 84.5%, 62.2%

HSV

39.8, 67.9%, 94.1%

CMYK

0.0%, 22.9%, 67.9%, 5.9%

OKLCH

0.8165 0.1379 81.3

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F0B94D

#4D84F0

Analogous

#F0684D

#D5F04D

#F0B94D

Triadic

#F0B94D

#4DF0B9

#B94DF0

Split Complementary

#F0B94D

#4DD5F0

#684DF0

Tetradic

#F0B94D

#4DF068

#4D84F0

#F04DD5

Color Blindness Simulation

Original

#F0B94D

Protanopia

#D8D867

Deuteranopia

#DBE06D

Tritanopia

#ED7C80

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F0B94D;
color: #F0B94D;
border-color: #F0B94D;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#F9E5BD
300
#F6D38E
400
#F0BB51
500
#EBA314
600
#BC8210
700
#97680D
800
#76510A
900
#553C0C
950
#362607

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026