#F6C72F

#F6C72F

Color Values

HEX

#F6C72F

RGB

246, 199, 47

HSL

45.8, 91.7%, 57.5%

HSV

45.8, 80.9%, 96.5%

CMYK

0.0%, 19.1%, 80.9%, 3.5%

OKLCH

0.8477 0.1621 90.0

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F6C72F

#2F5EF6

Analogous

#F6642F

#C2F62F

#F6C72F

Triadic

#F6C72F

#2FF6C7

#C72FF6

Split Complementary

#F6C72F

#2FC2F6

#642FF6

Tetradic

#F6C72F

#2FF664

#2F5EF6

#F62FC2

Color Blindness Simulation

Original

#F6C72F

Protanopia

#E2E154

Deuteranopia

#E4E85D

Tritanopia

#F47177

Achromatopsia

#C6C6C6

CSS Usage

background-color: #F6C72F;
color: #F6C72F;
border-color: #F6C72F;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FCEDBB
300
#FADF8A
400
#F7CE4A
500
#F4BD0B
600
#C49708
700
#9C7907
800
#7A5F05
900
#584608
950
#382C05

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026