#C38532

#C38532

Color Values

HEX

#C38532

RGB

195, 133, 50

HSL

34.3, 59.2%, 48.0%

HSV

34.3, 74.4%, 76.5%

CMYK

0.0%, 31.8%, 74.4%, 23.5%

OKLCH

0.665 0.1227 70.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C38532

#3270C3

Analogous

#C33C32

#B8C332

#C38532

Triadic

#C38532

#32C385

#8532C3

Split Complementary

#C38532

#32B8C3

#3C32C3

Tetradic

#C38532

#32C33C

#3270C3

#C332B8

Color Blindness Simulation

Original

#C38532

Protanopia

#A8A846

Deuteranopia

#ACB04B

Tritanopia

#C05659

Achromatopsia

#8C8C8C

CSS Usage

background-color: #C38532;
color: #C38532;
border-color: #C38532;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DEC6
300
#E6C79E
400
#D9A969
500
#CB8A34
600
#A26F2A
700
#825921
800
#65451A
900
#4A3417
950
#2F210E

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72: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