#CD7018

#CD7018

Color Values

HEX

#CD7018

RGB

205, 112, 24

HSL

29,2, 79,0%, 44,9%

HSV

29,2, 88,3%, 80,4%

CMYK

0,0%, 45,4%, 88,3%, 19,6%

OKLCH

0,6385 0,1476 56,5

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#CD7018

#1875CD

Analogous

#CD181A

#CDCB18

#CD7018

Triadic

#CD7018

#18CD70

#7018CD

Split Complementary

#CD7018

#18CDCB

#181ACD

Tetradic

#CD7018

#1ACD18

#1875CD

#CB18CD

Color Blindness Simulation

Original

#CD7018

Protanopia

#A5A42D

Deuteranopia

#AAB132

Tritanopia

#C83E42

Achromatopsia

#7D7D7D

CSS Usage

background-color: #CD7018;
color: #CD7018;
border-color: #CD7018;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F8DBBF
300
#F2C191
400
#EB9F56
500
#E47D1B
600
#B76415
700
#925011
800
#723E0D
900
#53300E
950
#341E09

Contrast Checker

Text on white

3,54:1

AA Fail AAA Fail

Text on black

5,93: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