#CD5232

#CD5232

Color Values

HEX

#CD5232

RGB

205, 82, 50

HSL

12,4, 60,8%, 50,0%

HSV

12,4, 75,6%, 80,4%

CMYK

0,0%, 60,0%, 75,6%, 19,6%

OKLCH

0,5952 0,1633 35,6

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#CD5232

#32ADCD

Analogous

#CD325F

#CDA032

#CD5232

Triadic

#CD5232

#32CD52

#5232CD

Split Complementary

#CD5232

#32CDA0

#325FCD

Tetradic

#CD5232

#5FCD32

#32ADCD

#A032CD

Color Blindness Simulation

Original

#CD5232

Protanopia

#98973A

Deuteranopia

#9FA83C

Tritanopia

#C74041

Achromatopsia

#6A6A6A

CSS Usage

background-color: #CD5232;
color: #CD5232;
border-color: #CD5232;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FBF5F3
100
#F6E8E4
200
#F1CFC6
300
#E7AC9D
400
#DA7F67
500
#CD5232
600
#A44228
700
#833420
800
#672919
900
#4B2116
950
#2F150E

Contrast Checker

Text on white

4,33:1

AA Fail AAA Fail

Text on black

4,85:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026