#CB685E

#CB685E

Color Values

HEX

#CB685E

RGB

203, 104, 94

HSL

5.5, 51.2%, 58.2%

HSV

5.5, 53.7%, 79.6%

CMYK

0.0%, 48.8%, 53.7%, 20.4%

OKLCH

0.6309 0.1275 27.2

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CB685E

#5EC1CB

Analogous

#CB5E8A

#CB9E5E

#CB685E

Triadic

#CB685E

#5ECB68

#685ECB

Split Complementary

#CB685E

#5ECB9E

#5E8ACB

Tetradic

#CB685E

#8ACB5E

#5EC1CB

#9E5ECB

Color Blindness Simulation

Original

#CB685E

Protanopia

#A09F60

Deuteranopia

#A6AD61

Tritanopia

#C66263

Achromatopsia

#7C7C7C

CSS Usage

background-color: #CB685E;
color: #CB685E;
border-color: #CB685E;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EECCC9
300
#E1A8A2
400
#D17970
500
#C14A3E
600
#9A3B32
700
#7B2F28
800
#60251F
900
#471E1A
950
#2D1310

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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