#CB5740

#CB5740

Color Values

HEX

#CB5740

RGB

203, 87, 64

HSL

9.9, 57.2%, 52.4%

HSV

9.9, 68.5%, 79.6%

CMYK

0.0%, 57.1%, 68.5%, 20.4%

OKLCH

0.6006 0.1528 32.9

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#CB5740

#40B4CB

Analogous

#CB406F

#CB9D40

#CB5740

Triadic

#CB5740

#40CB57

#5740CB

Split Complementary

#CB5740

#40CB9D

#406FCB

Tetradic

#CB5740

#6FCB40

#40B4CB

#9D40CB

Color Blindness Simulation

Original

#CB5740

Protanopia

#999846

Deuteranopia

#A0A847

Tritanopia

#C54A4B

Achromatopsia

#6E6E6E

CSS Usage

background-color: #CB5740;
color: #CB5740;
border-color: #CB5740;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FBF5F4
100
#F6E7E4
200
#F0CEC7
300
#E5AA9F
400
#D77C6B
500
#C84F37
600
#A03F2C
700
#803223
800
#64271B
900
#492018
950
#2E140F

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026