#C18F48

#C18F48

Color Values

HEX

#C18F48

RGB

193, 143, 72

HSL

35.2, 49.4%, 52.0%

HSV

35.2, 62.7%, 75.7%

CMYK

0.0%, 25.9%, 62.7%, 24.3%

OKLCH

0.6843 0.107 73.9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C18F48

#487AC1

Analogous

#C15348

#B7C148

#C18F48

Triadic

#C18F48

#48C18F

#8F48C1

Split Complementary

#C18F48

#48B7C1

#5348C1

Tetradic

#C18F48

#48C153

#487AC1

#C148B7

Color Blindness Simulation

Original

#C18F48

Protanopia

#ABAB59

Deuteranopia

#AEB25D

Tritanopia

#BE676A

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDECA
300
#E0C7A4
400
#CFA972
500
#BE8A41
600
#986F34
700
#7A5929
800
#5F4520
900
#46341B
950
#2C2111

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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