#C48128

#C48128

Color Values

HEX

#C48128

RGB

196, 129, 40

HSL

34.2, 66.1%, 46.3%

HSV

34.2, 79.6%, 76.9%

CMYK

0.0%, 34.2%, 79.6%, 23.1%

OKLCH

0.6579 0.1288 68.8

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C48128

#286BC4

Analogous

#C43328

#B9C428

#C48128

Triadic

#C48128

#28C481

#8128C4

Split Complementary

#C48128

#28B9C4

#3328C4

Tetradic

#C48128

#28C433

#286BC4

#C428B9

Color Blindness Simulation

Original

#C48128

Protanopia

#A7A63E

Deuteranopia

#ABB043

Tritanopia

#C14F52

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3DFC4
300
#EAC799
400
#DFA962
500
#D48B2B
600
#A96F23
700
#88591C
800
#6A4616
900
#4D3414
950
#31210C

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026