#C7484F

#C7484F

Color Values

HEX

#C7484F

RGB

199, 72, 79

HSL

356,7, 53,1%, 53,1%

HSV

356,7, 63,8%, 78,0%

CMYK

0,0%, 63,8%, 60,3%, 22,0%

OKLCH

0,5774 0,1617 20,6

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#C7484F

#48C7C0

Analogous

#C7488E

#C78048

#C7484F

Triadic

#C7484F

#4FC748

#484FC7

Split Complementary

#C7484F

#48C780

#488EC7

Tetradic

#C7484F

#8EC748

#48C7C0

#8048C7

Color Blindness Simulation

Original

#C7484F

Protanopia

#908F4D

Deuteranopia

#97A14D

Tritanopia

#C14C4C

Achromatopsia

#646464

CSS Usage

background-color: #C7484F;
color: #C7484F;
border-color: #C7484F;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC8CA
300
#E2A1A5
400
#D36F74
500
#C33C43
600
#9C3036
700
#7D262B
800
#621E22
900
#48191C
950
#2D1012

Contrast Checker

Text on white

4,7:1

AA Pass AAA Fail

Text on black

4,47:1

AA Fail 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