#F2C64F

#F2C64F

Color Values

HEX

#F2C64F

RGB

242, 198, 79

HSL

43.8, 86.2%, 62.9%

HSV

43.8, 67.4%, 94.9%

CMYK

0.0%, 18.2%, 67.4%, 5.1%

OKLCH

0.8439 0.1426 88.4

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F2C64F

#4F7BF2

Analogous

#F2744F

#CCF24F

#F2C64F

Triadic

#F2C64F

#4FF2C6

#C64FF2

Split Complementary

#F2C64F

#4FCCF2

#744FF2

Tetradic

#F2C64F

#4FF274

#4F7BF2

#F24FCC

Color Blindness Simulation

Original

#F2C64F

Protanopia

#DFDF6C

Deuteranopia

#E2E573

Tritanopia

#F08388

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FAF3E0
200
#FAE9BD
300
#F7DA8D
400
#F2C64F
500
#EDB212
600
#BE8E0E
700
#98720B
800
#775909
900
#56420B
950
#362A07

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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