#F6C179

#F6C179

Color Values

HEX

#F6C179

RGB

246, 193, 121

HSL

34.6, 87.4%, 72.0%

HSV

34.6, 50.8%, 96.5%

CMYK

0.0%, 21.5%, 50.8%, 3.5%

OKLCH

0.8432 0.1083 73.9

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#F6C179

#79AEF6

Analogous

#F68379

#ECF679

#F6C179

Triadic

#F6C179

#79F6C1

#C179F6

Split Complementary

#F6C179

#79ECF6

#8379F6

Tetradic

#F6C179

#79F683

#79AEF6

#F679EC

Color Blindness Simulation

Original

#F6C179

Protanopia

#DFDF8A

Deuteranopia

#E2E68F

Tritanopia

#F3989B

Achromatopsia

#C7C7C7

CSS Usage

background-color: #F6C179;
color: #F6C179;
border-color: #F6C179;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FBE0BC
300
#F7CA8C
400
#F3AD4E
500
#EF9110
600
#BF740D
700
#995D0A
800
#774808
900
#57360A
950
#372207

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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