#C28223

#C28223

Color Values

HEX

#C28223

RGB

194, 130, 35

HSL

35.8, 69.4%, 44.9%

HSV

35.8, 82.0%, 76.1%

CMYK

0.0%, 33.0%, 82.0%, 23.9%

OKLCH

0.657 0.1296 71.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C28223

#2363C2

Analogous

#C23223

#B3C223

#C28223

Triadic

#C28223

#23C282

#8223C2

Split Complementary

#C28223

#23B3C2

#3223C2

Tetradic

#C28223

#23C232

#2363C2

#C223B3

Color Blindness Simulation

Original

#C28223

Protanopia

#A6A63A

Deuteranopia

#AAAF40

Tritanopia

#BF4C50

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C3
300
#ECCA97
400
#E2AD5F
500
#D89127
600
#AD741F
700
#8A5D19
800
#6C4814
900
#4F3612
950
#32220B

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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