#C58058

#C58058

Color Values

HEX

#C58058

RGB

197, 128, 88

HSL

22.0, 48.4%, 55.9%

HSV

22.0, 55.3%, 77.3%

CMYK

0.0%, 35.0%, 55.3%, 22.7%

OKLCH

0.6627 0.1018 50.4

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#C58058

#589DC5

Analogous

#C55867

#C5B658

#C58058

Triadic

#C58058

#58C580

#8058C5

Split Complementary

#C58058

#58C5B6

#5867C5

Tetradic

#C58058

#67C558

#589DC5

#B658C5

Color Blindness Simulation

Original

#C58058

Protanopia

#A7A762

Deuteranopia

#ABB064

Tritanopia

#C2696B

Achromatopsia

#8C8C8C

CSS Usage

background-color: #C58058;
color: #C58058;
border-color: #C58058;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#EDD7CA
300
#DFBAA4
400
#CE9473
500
#BD6F42
600
#975935
700
#79472A
800
#5F3821
900
#462B1B
950
#2C1B11

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026