#cf344a hex color

In a RGB color space, hex #cf344a is composed of 81.2% red, 20.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 64.3% yellow and 18.8% black. It has a hue angle of 351.5 degrees, a saturation of 61.8% and a lightness of 50.8%. #cf344a color hex could be obtained by blending #ff6894 with #9f0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 81
- G 20
- B 29
RGB color chart
- C 0
- M 75
- Y 64
- K 19
CMYK color chart

● #cf344a color description : Moderate red.

The hexadecimal color #cf344a has RGB values of R:207, G:52, B:74 and CMYK values of C:0, M:0.75, Y:0.64, K:0.19. Its decimal value is 13579338.

Hex triplet	cf344a	`#cf344a`
RGB Decimal	207, 52, 74	`rgb(207,52,74)`
RGB Percent	81.2, 20.4, 29	`rgb(81.2%,20.4%,29%)`
CMYK	0, 75, 64, 19
HSL	351.5°, 61.8, 50.8	`hsl(351.5,61.8%,50.8%)`
HSV (or HSB)	351.5°, 74.9, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.261, 60.798, 24.872
XYZ	28.197, 16.219, 8.124
xyY	0.537, 0.309, 16.219
CIE-LCH	47.261, 65.688, 22.249
CIE-LUV	47.261, 112.674, 15.392
Hunter-Lab	40.273, 54.5, 16.231
Binary	11001111, 00110100, 01001010

#cf344a
```
#cf344a rgb(207,52,74)
```
#34cfb9
```
#34cfb9 rgb(52,207,185)
```

Complementary Color

#cf3498
```
#cf3498 rgb(207,52,152)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#cf6c34
```
#cf6c34 rgb(207,108,52)
```

Analogous Color

#3498cf
```
#3498cf rgb(52,152,207)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#34cf6c
```
#34cf6c rgb(52,207,108)
```

Split Complementary Color

#344acf
```
#344acf rgb(52,74,207)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#4acf34
```
#4acf34 rgb(74,207,52)
```

Triadic Color

#b934cf
```
#b934cf rgb(185,52,207)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#4acf34
```
#4acf34 rgb(74,207,52)
```
#34cfb9
```
#34cfb9 rgb(52,207,185)
```

Tetradic Color

#942333
```
#942333 rgb(148,35,51)
```
#a8283a
```
#a8283a rgb(168,40,58)
```
#bd2d41
```
#bd2d41 rgb(189,45,65)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#d4495c
```
#d4495c rgb(212,73,92)
```
#d95d6f
```
#d95d6f rgb(217,93,111)
```
#de7281
```
#de7281 rgb(222,114,129)
```

Monochromatic Color

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

#cf3471
```
#cf3471 rgb(207,52,113)
```
#cf3464
```
#cf3464 rgb(207,52,100)
```
#cf3457
```
#cf3457 rgb(207,52,87)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#cf343d
```
#cf343d rgb(207,52,61)
```
#cf3834
```
#cf3834 rgb(207,56,52)
```
#cf4534
```
#cf4534 rgb(207,69,52)
```

Similar Colors

Text with hexadecimal color #cf344a

This text has a font color of #cf344a.

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

#cf344a background color

This paragraph has a background color of #cf344a.

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

#cf344a border color

This element has a border color of #cf344a.

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

CSS codes

.text {color:#cf344a;}

.background {background-color:#cf344a;}

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

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, #030101 is the darkest color, while #fcf2f4 is the lightest one.

#030101
```
#030101 rgb(3,1,1)
```
#130507
```
#130507 rgb(19,5,7)
```
#23080c
```
#23080c rgb(35,8,12)
```
#330c12
```
#330c12 rgb(51,12,18)
```
#431017
```
#431017 rgb(67,16,23)
```
#53141c
```
#53141c rgb(83,20,28)
```
#621722
```
#621722 rgb(98,23,34)
```
#721b27
```
#721b27 rgb(114,27,39)
```
#821f2d
```
#821f2d rgb(130,31,45)
```
#922332
```
#922332 rgb(146,35,50)
```
#a22638
```
#a22638 rgb(162,38,56)
```
#b22a3d
```
#b22a3d rgb(178,42,61)
```
#c22e43
```
#c22e43 rgb(194,46,67)
```

Shade Color Variation

#cf344a
```
#cf344a rgb(207,52,74)
```
#d34458
```
#d34458 rgb(211,68,88)
```
#d75466
```
#d75466 rgb(215,84,102)
```
#da6474
```
#da6474 rgb(218,100,116)
```
#de7383
```
#de7383 rgb(222,115,131)
```
#e28391
```
#e28391 rgb(226,131,145)
```
#e6939f
```
#e6939f rgb(230,147,159)
```
#e9a3ad
```
#e9a3ad rgb(233,163,173)
```
#edb3bb
```
#edb3bb rgb(237,179,187)
```
#f1c3c9
```
#f1c3c9 rgb(241,195,201)
```
#f5d3d7
```
#f5d3d7 rgb(245,211,215)
```
#f8e3e6
```
#f8e3e6 rgb(248,227,230)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#828181
```
#828181 rgb(130,129,129)
```
#8b787a
```
#8b787a rgb(139,120,122)
```
#956e73
```
#956e73 rgb(149,110,115)
```
#9f646d
```
#9f646d rgb(159,100,109)
```
#a85b66
```
#a85b66 rgb(168,91,102)
```
#b2515f
```
#b2515f rgb(178,81,95)
```
#bc4758
```
#bc4758 rgb(188,71,88)
```
#c53e51
```
#c53e51 rgb(197,62,81)
```
#cf344a
```
#cf344a rgb(207,52,74)
```
#d92a43
```
#d92a43 rgb(217,42,67)
```
#e2213c
```
#e2213c rgb(226,33,60)
```
#ec1735
```
#ec1735 rgb(236,23,53)
```
#f60d2e
```
#f60d2e rgb(246,13,46)
```

Tone Color Variation

Below, you can see how #cf344a 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

#656565 Achromatopsia 0.005% of the population
#7a5b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7768 Protanopia 1% of men
#907249 Deuteranopia 1% of men
#d04144 Tritanopia 0.001% of the population

Trichromacy

#9a5e5d Protanomaly 1% of men, 0.01% of women
#a65b49 Deuteranomaly 6% of men, 0.4% of women
#d03c46 Tritanomaly 0.01% of the population

#cf344a hex color

#cf344a Color Information

#cf344a Color Conversion

Color Schemes with #cf344a

Alternatives to #cf344a

#cf344a Preview

Shades and Tints of #cf344a

Tones of #cf344a

Color Blindness Simulator