#cf2d30 hex color

In a RGB color space, hex #cf2d30 is composed of 81.2% red, 17.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 76.8% yellow and 18.8% black. It has a hue angle of 358.9 degrees, a saturation of 64.3% and a lightness of 49.4%. #cf2d30 color hex could be obtained by blending #ff5a60 with #9f0000. Closest websafe color is: #cc3333.

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

● #cf2d30 color description : Strong red.

The hexadecimal color #cf2d30 has RGB values of R:207, G:45, B:48 and CMYK values of C:0, M:0.78, Y:0.77, K:0.19. Its decimal value is 13577520.

Hex triplet	cf2d30	`#cf2d30`
RGB Decimal	207, 45, 48	`rgb(207,45,48)`
RGB Percent	81.2, 17.6, 18.8	`rgb(81.2%,17.6%,18.8%)`
CMYK	0, 78, 77, 19
HSL	358.9°, 64.3, 49.4	`hsl(358.9,64.3%,49.4%)`
HSV (or HSB)	358.9°, 78.3, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.122, 61.748, 38.85
XYZ	27.205, 15.359, 4.328
xyY	0.58, 0.328, 15.359
CIE-LCH	46.122, 72.953, 32.177
CIE-LUV	46.122, 122.524, 25.507
Hunter-Lab	39.19, 55.328, 20.885
Binary	11001111, 00101101, 00110000

#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#2dcfcc
```
#2dcfcc rgb(45,207,204)
```

Complementary Color

#cf2d81
```
#cf2d81 rgb(207,45,129)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#cf7b2d
```
#cf7b2d rgb(207,123,45)
```

Analogous Color

#2d81cf
```
#2d81cf rgb(45,129,207)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#2dcf7b
```
#2dcf7b rgb(45,207,123)
```

Split Complementary Color

#2d30cf
```
#2d30cf rgb(45,48,207)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#30cf2d
```
#30cf2d rgb(48,207,45)
```

Triadic Color

#cc2dcf
```
#cc2dcf rgb(204,45,207)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#30cf2d
```
#30cf2d rgb(48,207,45)
```
#2dcfcc
```
#2dcfcc rgb(45,207,204)
```

Tetradic Color

#901f21
```
#901f21 rgb(144,31,33)
```
#a52426
```
#a52426 rgb(165,36,38)
```
#ba282b
```
#ba282b rgb(186,40,43)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#d54043
```
#d54043 rgb(213,64,67)
```
#da5557
```
#da5557 rgb(218,85,87)
```
#df6a6c
```
#df6a6c rgb(223,106,108)
```

Monochromatic Color

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

#cf2d59
```
#cf2d59 rgb(207,45,89)
```
#cf2d4b
```
#cf2d4b rgb(207,45,75)
```
#cf2d3e
```
#cf2d3e rgb(207,45,62)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#cf372d
```
#cf372d rgb(207,55,45)
```
#cf452d
```
#cf452d rgb(207,69,45)
```
#cf522d
```
#cf522d rgb(207,82,45)
```

Similar Colors

Text with hexadecimal color #cf2d30

This text has a font color of #cf2d30.

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

#cf2d30 background color

This paragraph has a background color of #cf2d30.

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

#cf2d30 border color

This element has a border color of #cf2d30.

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

CSS codes

.text {color:#cf2d30;}

.background {background-color:#cf2d30;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0607
```
#1e0607 rgb(30,6,7)
```
#2e0a0b
```
#2e0a0b rgb(46,10,11)
```
#3e0d0e
```
#3e0d0e rgb(62,13,14)
```
#4e1112
```
#4e1112 rgb(78,17,18)
```
#5e1416
```
#5e1416 rgb(94,20,22)
```
#6e181a
```
#6e181a rgb(110,24,26)
```
#7e1b1d
```
#7e1b1d rgb(126,27,29)
```
#8f1f21
```
#8f1f21 rgb(143,31,33)
```
#9f2225
```
#9f2225 rgb(159,34,37)
```
#af2629
```
#af2629 rgb(175,38,41)
```
#bf292c
```
#bf292c rgb(191,41,44)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```

Shade Color Variation

#d43b3e
```
#d43b3e rgb(212,59,62)
```
#d84b4e
```
#d84b4e rgb(216,75,78)
```
#db5b5e
```
#db5b5e rgb(219,91,94)
```
#df6c6e
```
#df6c6e rgb(223,108,110)
```
#e27c7e
```
#e27c7e rgb(226,124,126)
```
#e68c8d
```
#e68c8d rgb(230,140,141)
```
#e99c9d
```
#e99c9d rgb(233,156,157)
```
#edacad
```
#edacad rgb(237,172,173)
```
#f0bcbd
```
#f0bcbd rgb(240,188,189)
```
#f4cccd
```
#f4cccd rgb(244,204,205)
```
#f7dcdd
```
#f7dcdd rgb(247,220,221)
```
#fbeced
```
#fbeced rgb(251,236,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#817b7b
```
#817b7b rgb(129,123,123)
```
#8b7171
```
#8b7171 rgb(139,113,113)
```
#956768
```
#956768 rgb(149,103,104)
```
#9f5d5f
```
#9f5d5f rgb(159,93,95)
```
#a85455
```
#a85455 rgb(168,84,85)
```
#b24a4c
```
#b24a4c rgb(178,74,76)
```
#bc4043
```
#bc4043 rgb(188,64,67)
```
#c53739
```
#c53739 rgb(197,55,57)
```
#cf2d30
```
#cf2d30 rgb(207,45,48)
```
#d92327
```
#d92327 rgb(217,35,39)
```
#e21a1d
```
#e21a1d rgb(226,26,29)
```
#ec1014
```
#ec1014 rgb(236,16,20)
```
#f6060b
```
#f6060b rgb(246,6,11)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#755455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744c Protanopia 1% of men
#906f2e Deuteranopia 1% of men
#d13839 Tritanopia 0.001% of the population

Trichromacy

#9c5a42 Protanomaly 1% of men, 0.01% of women
#a7572e Deuteranomaly 6% of men, 0.4% of women
#d03436 Tritanomaly 0.01% of the population

#cf2d30 hex color

#cf2d30 Color Information

#cf2d30 Color Conversion

Color Schemes with #cf2d30

Alternatives to #cf2d30

#cf2d30 Preview

Shades and Tints of #cf2d30

Tones of #cf2d30

Color Blindness Simulator