#F6C64C

#F6C64C

Color Values

HEX

#F6C64C

RGB

246, 198, 76

HSL

43.1, 90.4%, 63.1%

HSV

43.1, 69.1%, 96.5%

CMYK

0.0%, 19.5%, 69.1%, 3.5%

OKLCH

0.8476 0.1458 86.9

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F6C64C

#4C7CF6

Analogous

#F6714C

#D1F64C

#F6C64C

Triadic

#F6C64C

#4CF6C6

#C64CF6

Split Complementary

#F6C64C

#4CD1F6

#714CF6

Tetradic

#F6C64C

#4CF671

#4C7CF6

#F64CD1

Color Blindness Simulation

Original

#F6C64C

Protanopia

#E1E169

Deuteranopia

#E4E871

Tritanopia

#F48186

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FCE9BB
300
#F9DA8A
400
#F6C64B
500
#F3B20C
600
#C28E0A
700
#9B7208
800
#795906
900
#584209
950
#372906

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026