#F6C04B

#F6C04B

Color Values

HEX

#F6C04B

RGB

246, 192, 75

HSL

41.1, 90.5%, 62.9%

HSV

41.1, 69.5%, 96.5%

CMYK

0.0%, 22.0%, 69.5%, 3.5%

OKLCH

0.8359 0.144 83.4

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F6C04B

#4B81F6

Analogous

#F66A4B

#D6F64B

#F6C04B

Triadic

#F6C04B

#4BF6C0

#C04BF6

Split Complementary

#F6C04B

#4BD6F6

#6A4BF6

Tetradic

#F6C04B

#4BF66A

#4B81F6

#F64BD6

Color Blindness Simulation

Original

#F6C04B

Protanopia

#DFDE67

Deuteranopia

#E2E66E

Tritanopia

#F37E83

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF2DF
200
#FCE7BB
300
#F9D68A
400
#F6C04B
500
#F3AA0C
600
#C2880A
700
#9B6D08
800
#795506
900
#583F09
950
#382806

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026