#FFC172

#FFC172

Color Values

HEX

#FFC172

RGB

255, 193, 114

HSL

33,6, 100,0%, 72,4%

HSV

33,6, 55,3%, 100,0%

CMYK

0,0%, 24,3%, 55,3%, 0,0%

OKLCH

0,8514 0,1198 71,7

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FFC172

#72B0FF

Analogous

#FF7B72

#F7FF72

#FFC172

Triadic

#FFC172

#72FFC1

#C172FF

Split Complementary

#FFC172

#72F7FF

#7B72FF

Tetradic

#FFC172

#72FF7B

#72B0FF

#FF72F7

Color Blindness Simulation

Original

#FFC172

Protanopia

#E4E485

Deuteranopia

#E8EC8A

Tritanopia

#FC9498

Achromatopsia

#C8C8C8

CSS Usage

background-color: #FFC172;
color: #FFC172;
border-color: #FFC172;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFE0B8
300
#FFC985
400
#FFAC42
500
#FF8F00
600
#CC7200
700
#A35B00
800
#804700
900
#5C3605
950
#3A2203

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026