#F7C74B

#F7C74B

Color Values

HEX

#F7C74B

RGB

247, 199, 75

HSL

43.3, 91.5%, 63.1%

HSV

43.3, 69.6%, 96.9%

CMYK

0.0%, 19.4%, 69.6%, 3.1%

OKLCH

0.8505 0.1473 87.2

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F7C74B

#4B7BF7

Analogous

#F7714B

#D1F74B

#F7C74B

Triadic

#F7C74B

#4BF7C7

#C74BF7

Split Complementary

#F7C74B

#4BD1F7

#714BF7

Tetradic

#F7C74B

#4BF771

#4B7BF7

#F74BD1

Color Blindness Simulation

Original

#F7C74B

Protanopia

#E2E269

Deuteranopia

#E5E970

Tritanopia

#F58186

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FCEABB
300
#FADB8A
400
#F7C74A
500
#F4B30B
600
#C38F09
700
#9C7307
800
#7A5A05
900
#584209
950
#382A05

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026