#F6B74C

#F6B74C

Color Values

HEX

#F6B74C

RGB

246, 183, 76

HSL

37.8, 90.4%, 63.1%

HSV

37.8, 69.1%, 96.5%

CMYK

0.0%, 25.6%, 69.1%, 3.5%

OKLCH

0.8189 0.1409 77.5

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F6B74C

#4C8BF6

Analogous

#F6624C

#E0F64C

#F6B74C

Triadic

#F6B74C

#4CF6B7

#B74CF6

Split Complementary

#F6B74C

#4CE0F6

#624CF6

Tetradic

#F6B74C

#4CF662

#4C8BF6

#F64CE0

Color Blindness Simulation

Original

#F6B74C

Protanopia

#DBDA66

Deuteranopia

#DEE36C

Tritanopia

#F37A7F

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE4BB
300
#F9D08A
400
#F6B74B
500
#F39D0C
600
#C27E0A
700
#9B6508
800
#794F06
900
#583B09
950
#372506

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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