#C18F42

#C18F42

Color Values

HEX

#C18F42

RGB

193, 143, 66

HSL

36.4, 50.6%, 50.8%

HSV

36.4, 65.8%, 75.7%

CMYK

0.0%, 25.9%, 65.8%, 24.3%

OKLCH

0.6836 0.1116 75.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C18F42

#4274C1

Analogous

#C15042

#B3C142

#C18F42

Triadic

#C18F42

#42C18F

#8F42C1

Split Complementary

#C18F42

#42B3C1

#5042C1

Tetradic

#C18F42

#42C150

#4274C1

#C142B3

Color Blindness Simulation

Original

#C18F42

Protanopia

#ABAB55

Deuteranopia

#AEB259

Tritanopia

#BE6367

Achromatopsia

#949494

CSS Usage

background-color: #C18F42;
color: #C18F42;
border-color: #C18F42;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EDDFC9
300
#E1C8A3
400
#D0AB71
500
#C08D3F
600
#9A7132
700
#7B5A28
800
#60471F
900
#47351A
950
#2D2211

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

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