#C7675B

#C7675B

Color Values

HEX

#C7675B

RGB

199, 103, 91

HSL

6.7, 49.1%, 56.9%

HSV

6.7, 54.3%, 78.0%

CMYK

0.0%, 48.2%, 54.3%, 22.0%

OKLCH

0.6232 0.1245 28.5

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C7675B

#5BBBC7

Analogous

#C75B85

#C79D5B

#C7675B

Triadic

#C7675B

#5BC767

#675BC7

Split Complementary

#C7675B

#5BC79D

#5B85C7

Tetradic

#C7675B

#85C75B

#5BBBC7

#9D5BC7

Color Blindness Simulation

Original

#C7675B

Protanopia

#9D9D5E

Deuteranopia

#A3AA5F

Tritanopia

#C26061

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCECA
300
#E0AAA4
400
#CF7D72
500
#BE4F41
600
#983F34
700
#7A322A
800
#5F2720
900
#46201B
950
#2C1411

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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