#C67863

#C67863

Color Values

HEX

#C67863

RGB

198, 120, 99

HSL

12.7, 46.5%, 58.2%

HSV

12.7, 50.0%, 77.6%

CMYK

0.0%, 39.4%, 50.0%, 22.4%

OKLCH

0.6517 0.1033 35.9

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#C67863

#63B1C6

Analogous

#C6637F

#C6A963

#C67863

Triadic

#C67863

#63C678

#7863C6

Split Complementary

#C67863

#63C6A9

#637FC6

Tetradic

#C67863

#7FC663

#63B1C6

#A963C6

Color Blindness Simulation

Original

#C67863

Protanopia

#A4A468

Deuteranopia

#A9AF69

Tritanopia

#C26C6D

Achromatopsia

#878787

CSS Usage

background-color: #C67863;
color: #C67863;
border-color: #C67863;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F4
100
#F4E9E6
200
#ECD2CB
300
#DEB1A5
400
#CD8775
500
#BB5D44
600
#954B37
700
#783C2C
800
#5D2F22
900
#45251C
950
#2B1712

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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