#cf304f hex color

In a RGB color space, hex #cf304f is composed of 81.2% red, 18.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.8% magenta, 61.8% yellow and 18.8% black. It has a hue angle of 348.3 degrees, a saturation of 62.4% and a lightness of 50%. #cf304f color hex could be obtained by blending #ff609e with #9f0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 81
- G 19
- B 31
RGB color chart
- C 0
- M 77
- Y 62
- K 19
CMYK color chart

● #cf304f color description : Strong red.

The hexadecimal color #cf304f has RGB values of R:207, G:48, B:79 and CMYK values of C:0, M:0.77, Y:0.62, K:0.19. Its decimal value is 13578319.

Hex triplet	cf304f	`#cf304f`
RGB Decimal	207, 48, 79	`rgb(207,48,79)`
RGB Percent	81.2, 18.8, 31	`rgb(81.2%,18.8%,31%)`
CMYK	0, 77, 62, 19
HSL	348.3°, 62.4, 50	`hsl(348.3,62.4%,50%)`
HSV (or HSB)	348.3°, 76.8, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.905, 62.347, 21.368
XYZ	28.202, 15.947, 8.99
xyY	0.531, 0.3, 15.947
CIE-LCH	46.905, 65.907, 18.918
CIE-LUV	46.905, 113.028, 11.716
Hunter-Lab	39.934, 56.174, 14.606
Binary	11001111, 00110000, 01001111

#cf304f
```
#cf304f rgb(207,48,79)
```
#30cfb0
```
#30cfb0 rgb(48,207,176)
```

Complementary Color

#cf309f
```
#cf309f rgb(207,48,159)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#cf6130
```
#cf6130 rgb(207,97,48)
```

Analogous Color

#309fcf
```
#309fcf rgb(48,159,207)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#30cf61
```
#30cf61 rgb(48,207,97)
```

Split Complementary Color

#304fcf
```
#304fcf rgb(48,79,207)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#4fcf30
```
#4fcf30 rgb(79,207,48)
```

Triadic Color

#b030cf
```
#b030cf rgb(176,48,207)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#4fcf30
```
#4fcf30 rgb(79,207,48)
```
#30cfb0
```
#30cfb0 rgb(48,207,176)
```

Tetradic Color

#912237
```
#912237 rgb(145,34,55)
```
#a6263f
```
#a6263f rgb(166,38,63)
```
#ba2b47
```
#ba2b47 rgb(186,43,71)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#d44561
```
#d44561 rgb(212,69,97)
```
#d95972
```
#d95972 rgb(217,89,114)
```
#dd6e84
```
#dd6e84 rgb(221,110,132)
```

Monochromatic Color

Below, you can see some colors close to #cf304f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#cf3077
```
#cf3077 rgb(207,48,119)
```
#cf306a
```
#cf306a rgb(207,48,106)
```
#cf305c
```
#cf305c rgb(207,48,92)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#cf3042
```
#cf3042 rgb(207,48,66)
```
#cf3035
```
#cf3035 rgb(207,48,53)
```
#cf3930
```
#cf3930 rgb(207,57,48)
```

Similar Colors

Text with hexadecimal color #cf304f

This text has a font color of #cf304f.

<span style="color:#cf304f;">Text here</span>

#cf304f background color

This paragraph has a background color of #cf304f.

<p style="background-color:#cf304f;">Content here</p>

#cf304f border color

This element has a border color of #cf304f.

<div style="border:1px solid #cf304f;">Content here</div>

CSS codes

.text {color:#cf304f;}

.background {background-color:#cf304f;}

.border {border:1px solid #cf304f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #100406 is the darkest color, while #ffffff is the lightest one.

#100406
```
#100406 rgb(16,4,6)
```
#20070c
```
#20070c rgb(32,7,12)
```
#300b12
```
#300b12 rgb(48,11,18)
```
#400f18
```
#400f18 rgb(64,15,24)
```
#50121e
```
#50121e rgb(80,18,30)
```
#601624
```
#601624 rgb(96,22,36)
```
#6f1a2b
```
#6f1a2b rgb(111,26,43)
```
#7f1e31
```
#7f1e31 rgb(127,30,49)
```
#8f2137
```
#8f2137 rgb(143,33,55)
```
#9f253d
```
#9f253d rgb(159,37,61)
```
#af2943
```
#af2943 rgb(175,41,67)
```
#bf2c49
```
#bf2c49 rgb(191,44,73)
```
#cf304f
```
#cf304f rgb(207,48,79)
```

Shade Color Variation

#d3405d
```
#d3405d rgb(211,64,93)
```
#d6506a
```
#d6506a rgb(214,80,106)
```
#da6078
```
#da6078 rgb(218,96,120)
```
#de7085
```
#de7085 rgb(222,112,133)
```
#e18093
```
#e18093 rgb(225,128,147)
```
#e590a0
```
#e590a0 rgb(229,144,160)
```
#e99fae
```
#e99fae rgb(233,159,174)
```
#edafbb
```
#edafbb rgb(237,175,187)
```
#f0bfc9
```
#f0bfc9 rgb(240,191,201)
```
#f4cfd6
```
#f4cfd6 rgb(244,207,214)
```
#f8dfe4
```
#f8dfe4 rgb(248,223,228)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817e7f is the less saturated color, while #f60937 is the most saturated one.

#817e7f
```
#817e7f rgb(129,126,127)
```
#8a7579
```
#8a7579 rgb(138,117,121)
```
#946b73
```
#946b73 rgb(148,107,115)
```
#9e616d
```
#9e616d rgb(158,97,109)
```
#a85767
```
#a85767 rgb(168,87,103)
```
#b24d61
```
#b24d61 rgb(178,77,97)
```
#bb445b
```
#bb445b rgb(187,68,91)
```
#c53a55
```
#c53a55 rgb(197,58,85)
```
#cf304f
```
#cf304f rgb(207,48,79)
```
#d92649
```
#d92649 rgb(217,38,73)
```
#e31c43
```
#e31c43 rgb(227,28,67)
```
#ec133d
```
#ec133d rgb(236,19,61)
```
#f60937
```
#f60937 rgb(246,9,55)
```

Tone Color Variation

Below, you can see how #cf304f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#636363 Achromatopsia 0.005% of the population
#79595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a766f Protanopia 1% of men
#8e714d Deuteranopia 1% of men
#d03f41 Tritanopia 0.001% of the population

Trichromacy

#995c63 Protanomaly 1% of men, 0.01% of women
#a5594e Deuteranomaly 6% of men, 0.4% of women
#cf3946 Tritanomaly 0.01% of the population

#cf304f hex color

#cf304f Color Information

#cf304f Color Conversion

Color Schemes with #cf304f

Alternatives to #cf304f

#cf304f Preview

Shades and Tints of #cf304f

Tones of #cf304f

Color Blindness Simulator