#cf2a36 hex color

In a RGB color space, hex #cf2a36 is composed of 81.2% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 73.9% yellow and 18.8% black. It has a hue angle of 355.6 degrees, a saturation of 66.3% and a lightness of 48.8%. #cf2a36 color hex could be obtained by blending #ff546c with #9f0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 81
- G 16
- B 21
RGB color chart
- C 0
- M 80
- Y 74
- K 19
CMYK color chart

● #cf2a36 color description : Strong red.

The hexadecimal color #cf2a36 has RGB values of R:207, G:42, B:54 and CMYK values of C:0, M:0.8, Y:0.74, K:0.19. Its decimal value is 13576758.

Hex triplet	cf2a36	`#cf2a36`
RGB Decimal	207, 42, 54	`rgb(207,42,54)`
RGB Percent	81.2, 16.5, 21.2	`rgb(81.2%,16.5%,21.2%)`
CMYK	0, 80, 74, 19
HSL	355.6°, 66.3, 48.8	`hsl(355.6,66.3%,48.8%)`
HSV (or HSB)	355.6°, 79.7, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.895, 62.816, 35.151
XYZ	27.227, 15.191, 4.988
xyY	0.574, 0.32, 15.191
CIE-LCH	45.895, 71.982, 29.231
CIE-LUV	45.895, 122.573, 22.626
Hunter-Lab	38.976, 56.488, 19.695
Binary	11001111, 00101010, 00110110

#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#2acfc3
```
#2acfc3 rgb(42,207,195)
```

Complementary Color

#cf2a89
```
#cf2a89 rgb(207,42,137)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#cf712a
```
#cf712a rgb(207,113,42)
```

Analogous Color

#2a89cf
```
#2a89cf rgb(42,137,207)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#2acf71
```
#2acf71 rgb(42,207,113)
```

Split Complementary Color

#2a36cf
```
#2a36cf rgb(42,54,207)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#36cf2a
```
#36cf2a rgb(54,207,42)
```

Triadic Color

#c32acf
```
#c32acf rgb(195,42,207)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#36cf2a
```
#36cf2a rgb(54,207,42)
```
#2acfc3
```
#2acfc3 rgb(42,207,195)
```

Tetradic Color

#8f1d25
```
#8f1d25 rgb(143,29,37)
```
#a5212b
```
#a5212b rgb(165,33,43)
```
#ba2630
```
#ba2630 rgb(186,38,48)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#d73b47
```
#d73b47 rgb(215,59,71)
```
#dc505b
```
#dc505b rgb(220,80,91)
```
#e0666f
```
#e0666f rgb(224,102,111)
```

Monochromatic Color

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

#cf2a5f
```
#cf2a5f rgb(207,42,95)
```
#cf2a52
```
#cf2a52 rgb(207,42,82)
```
#cf2a44
```
#cf2a44 rgb(207,42,68)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#cf2c2a
```
#cf2c2a rgb(207,44,42)
```
#cf3a2a
```
#cf3a2a rgb(207,58,42)
```
#cf472a
```
#cf472a rgb(207,71,42)
```

Similar Colors

Text with hexadecimal color #cf2a36

This text has a font color of #cf2a36.

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

#cf2a36 background color

This paragraph has a background color of #cf2a36.

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

#cf2a36 border color

This element has a border color of #cf2a36.

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

CSS codes

.text {color:#cf2a36;}

.background {background-color:#cf2a36;}

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

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, #0b0203 is the darkest color, while #fefafa is the lightest one.

#0b0203
```
#0b0203 rgb(11,2,3)
```
#1c0607
```
#1c0607 rgb(28,6,7)
```
#2c090b
```
#2c090b rgb(44,9,11)
```
#3c0c10
```
#3c0c10 rgb(60,12,16)
```
#4d1014
```
#4d1014 rgb(77,16,20)
```
#5d1318
```
#5d1318 rgb(93,19,24)
```
#6d161c
```
#6d161c rgb(109,22,28)
```
#7d1921
```
#7d1921 rgb(125,25,33)
```
#8e1d25
```
#8e1d25 rgb(142,29,37)
```
#9e2029
```
#9e2029 rgb(158,32,41)
```
#ae232d
```
#ae232d rgb(174,35,45)
```
#bf2732
```
#bf2732 rgb(191,39,50)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```

Shade Color Variation

#d63642
```
#d63642 rgb(214,54,66)
```
#da4751
```
#da4751 rgb(218,71,81)
```
#dd5761
```
#dd5761 rgb(221,87,97)
```
#e06770
```
#e06770 rgb(224,103,112)
```
#e4787f
```
#e4787f rgb(228,120,127)
```
#e7888f
```
#e7888f rgb(231,136,143)
```
#ea989e
```
#ea989e rgb(234,152,158)
```
#eda8ad
```
#eda8ad rgb(237,168,173)
```
#f1b9bd
```
#f1b9bd rgb(241,185,189)
```
#f4c9cc
```
#f4c9cc rgb(244,201,204)
```
#f7d9dc
```
#f7d9dc rgb(247,217,220)
```
#fbeaeb
```
#fbeaeb rgb(251,234,235)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#827777
```
#827777 rgb(130,119,119)
```
#8c6d6f
```
#8c6d6f rgb(140,109,111)
```
#966367
```
#966367 rgb(150,99,103)
```
#9f5a5f
```
#9f5a5f rgb(159,90,95)
```
#a95057
```
#a95057 rgb(169,80,87)
```
#b2474f
```
#b2474f rgb(178,71,79)
```
#bc3d46
```
#bc3d46 rgb(188,61,70)
```
#c5343e
```
#c5343e rgb(197,52,62)
```
#cf2a36
```
#cf2a36 rgb(207,42,54)
```
#d9202e
```
#d9202e rgb(217,32,46)
```
#e21726
```
#e21726 rgb(226,23,38)
```
#ec0d1d
```
#ec0d1d rgb(236,13,29)
```
#f50415
```
#f50415 rgb(245,4,21)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#745355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7453 Protanopia 1% of men
#8f6f34 Deuteranopia 1% of men
#d13637 Tritanopia 0.001% of the population

Trichromacy

#9a5948 Protanomaly 1% of men, 0.01% of women
#a65535 Deuteranomaly 6% of men, 0.4% of women
#d03237 Tritanomaly 0.01% of the population

#cf2a36 hex color

#cf2a36 Color Information

#cf2a36 Color Conversion

Color Schemes with #cf2a36

Alternatives to #cf2a36

#cf2a36 Preview

Shades and Tints of #cf2a36

Tones of #cf2a36

Color Blindness Simulator