#C18733

#C18733

Color Values

HEX

#C18733

RGB

193, 135, 51

HSL

35.5, 58.2%, 47.8%

HSV

35.5, 73.6%, 75.7%

CMYK

0.0%, 30.1%, 73.6%, 24.3%

OKLCH

0.6665 0.1207 72.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C18733

#336DC1

Analogous

#C14033

#B4C133

#C18733

Triadic

#C18733

#33C187

#8733C1

Split Complementary

#C18733

#33B4C1

#4033C1

Tetradic

#C18733

#33C140

#336DC1

#C133B4

Color Blindness Simulation

Original

#C18733

Protanopia

#A8A747

Deuteranopia

#ABB04C

Tritanopia

#BE575B

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0DFC7
300
#E5C89E
400
#D8AB6A
500
#CA8D35
600
#A1712B
700
#815A22
800
#65471B
900
#4A3517
950
#2F220F

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026