#C98228

#C98228

Color Values

HEX

#C98228

RGB

201, 130, 40

HSL

33.5, 66.8%, 47.3%

HSV

33.5, 80.1%, 78.8%

CMYK

0.0%, 35.3%, 80.1%, 21.2%

OKLCH

0.6658 0.1322 67.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C98228

#286FC9

Analogous

#C93128

#C0C928

#C98228

Triadic

#C98228

#28C982

#8228C9

Split Complementary

#C98228

#28C0C9

#3128C9

Tetradic

#C98228

#28C931

#286FC9

#C928C0

Color Blindness Simulation

Original

#C98228

Protanopia

#AAAA3E

Deuteranopia

#AEB443

Tritanopia

#C54F53

Achromatopsia

#8B8B8B

CSS Usage

background-color: #C98228;
color: #C98228;
border-color: #C98228;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC799
400
#E0A862
500
#D5892A
600
#AA6E22
700
#88581B
800
#6A4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass AAA Fail

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