#C4685B

#C4685B

Color Values

HEX

#C4685B

RGB

196, 104, 91

HSL

7.4, 47.1%, 56.3%

HSV

7.4, 53.6%, 76.9%

CMYK

0.0%, 46.9%, 53.6%, 23.1%

OKLCH

0.6207 0.1198 29.3

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C4685B

#5BB7C4

Analogous

#C45B83

#C49D5B

#C4685B

Triadic

#C4685B

#5BC468

#685BC4

Split Complementary

#C4685B

#5BC49D

#5B83C4

Tetradic

#C4685B

#83C45B

#5BB7C4

#9D5BC4

Color Blindness Simulation

Original

#C4685B

Protanopia

#9C9B5E

Deuteranopia

#A2A85F

Tritanopia

#BF6161

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCFCA
300
#DFACA5
400
#CD7F74
500
#BC5243
600
#964236
700
#78352B
800
#5E2922
900
#45211C
950
#2C1512

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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