#F4BA4D

#F4BA4D

Color Values

HEX

#F4BA4D

RGB

244, 186, 77

HSL

39.2, 88.4%, 62.9%

HSV

39.2, 68.4%, 95.7%

CMYK

0.0%, 23.8%, 68.4%, 4.3%

OKLCH

0.8226 0.14 80.2

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F4BA4D

#4D87F4

Analogous

#F4664D

#DAF44D

#F4BA4D

Triadic

#F4BA4D

#4DF4BA

#BA4DF4

Split Complementary

#F4BA4D

#4DDAF4

#664DF4

Tetradic

#F4BA4D

#4DF466

#4D87F4

#F44DDA

Color Blindness Simulation

Original

#F4BA4D

Protanopia

#DBDA67

Deuteranopia

#DEE36E

Tritanopia

#F17C81

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE5BC
300
#F8D28C
400
#F4BA4D
500
#F0A20F
600
#C0820C
700
#9A6809
800
#785107
900
#573C0A
950
#372606

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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