#cd2f30 hex color

In a RGB color space, hex #cd2f30 is composed of 80.4% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 76.6% yellow and 19.6% black. It has a hue angle of 359.6 degrees, a saturation of 62.7% and a lightness of 49.4%. #cd2f30 color hex could be obtained by blending #ff5e60 with #9b0000. Closest websafe color is: #cc3333.

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

● #cd2f30 color description : Strong red.

The hexadecimal color #cd2f30 has RGB values of R:205, G:47, B:48 and CMYK values of C:0, M:0.77, Y:0.77, K:0.2. Its decimal value is 13446960.

Hex triplet	cd2f30	`#cd2f30`
RGB Decimal	205, 47, 48	`rgb(205,47,48)`
RGB Percent	80.4, 18.4, 18.8	`rgb(80.4%,18.4%,18.8%)`
CMYK	0, 77, 77, 20
HSL	359.6°, 62.7, 49.4	`hsl(359.6,62.7%,49.4%)`
HSV (or HSB)	359.6°, 77.1, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.946, 60.568, 38.546
XYZ	26.728, 15.229, 4.328
xyY	0.577, 0.329, 15.229
CIE-LCH	45.946, 71.794, 32.473
CIE-LUV	45.946, 119.98, 25.566
Hunter-Lab	39.024, 53.965, 20.741
Binary	11001101, 00101111, 00110000

#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#2fcdcc
```
#2fcdcc rgb(47,205,204)
```

Complementary Color

#cd2f7f
```
#cd2f7f rgb(205,47,127)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#cd7d2f
```
#cd7d2f rgb(205,125,47)
```

Analogous Color

#2f7fcd
```
#2f7fcd rgb(47,127,205)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#2fcd7d
```
#2fcd7d rgb(47,205,125)
```

Split Complementary Color

#2f30cd
```
#2f30cd rgb(47,48,205)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#30cd2f
```
#30cd2f rgb(48,205,47)
```

Triadic Color

#cc2fcd
```
#cc2fcd rgb(204,47,205)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#30cd2f
```
#30cd2f rgb(48,205,47)
```
#2fcdcc
```
#2fcdcc rgb(47,205,204)
```

Tetradic Color

#8f2121
```
#8f2121 rgb(143,33,33)
```
#a42526
```
#a42526 rgb(164,37,38)
```
#b82a2b
```
#b82a2b rgb(184,42,43)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#d44243
```
#d44243 rgb(212,66,67)
```
#d85757
```
#d85757 rgb(216,87,87)
```
#dd6b6c
```
#dd6b6c rgb(221,107,108)
```

Monochromatic Color

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

#cd2f58
```
#cd2f58 rgb(205,47,88)
```
#cd2f4a
```
#cd2f4a rgb(205,47,74)
```
#cd2f3d
```
#cd2f3d rgb(205,47,61)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#cd3b2f
```
#cd3b2f rgb(205,59,47)
```
#cd482f
```
#cd482f rgb(205,72,47)
```
#cd562f
```
#cd562f rgb(205,86,47)
```

Similar Colors

Text with hexadecimal color #cd2f30

This text has a font color of #cd2f30.

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

#cd2f30 background color

This paragraph has a background color of #cd2f30.

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

#cd2f30 border color

This element has a border color of #cd2f30.

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

CSS codes

.text {color:#cd2f30;}

.background {background-color:#cd2f30;}

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

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)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#2d0a0b
```
#2d0a0b rgb(45,10,11)
```
#3d0e0e
```
#3d0e0e rgb(61,14,14)
```
#4d1212
```
#4d1212 rgb(77,18,18)
```
#5d1516
```
#5d1516 rgb(93,21,22)
```
#6d191a
```
#6d191a rgb(109,25,26)
```
#7d1d1d
```
#7d1d1d rgb(125,29,29)
```
#8d2021
```
#8d2021 rgb(141,32,33)
```
#9d2425
```
#9d2425 rgb(157,36,37)
```
#ad2829
```
#ad2829 rgb(173,40,41)
```
#bd2b2c
```
#bd2b2c rgb(189,43,44)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```

Shade Color Variation

#d33d3e
```
#d33d3e rgb(211,61,62)
```
#d64d4e
```
#d64d4e rgb(214,77,78)
```
#da5d5e
```
#da5d5e rgb(218,93,94)
```
#de6d6e
```
#de6d6e rgb(222,109,110)
```
#e17d7e
```
#e17d7e rgb(225,125,126)
```
#e58d8d
```
#e58d8d rgb(229,141,141)
```
#e89d9d
```
#e89d9d rgb(232,157,157)
```
#ecadad
```
#ecadad rgb(236,173,173)
```
#f0bdbd
```
#f0bdbd rgb(240,189,189)
```
#f3cdcd
```
#f3cdcd rgb(243,205,205)
```
#f7dddd
```
#f7dddd rgb(247,221,221)
```
#fbeded
```
#fbeded rgb(251,237,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897373
```
#897373 rgb(137,115,115)
```
#936969
```
#936969 rgb(147,105,105)
```
#9d5f60
```
#9d5f60 rgb(157,95,96)
```
#a65656
```
#a65656 rgb(166,86,86)
```
#b04c4d
```
#b04c4d rgb(176,76,77)
```
#ba4243
```
#ba4243 rgb(186,66,67)
```
#c3393a
```
#c3393a rgb(195,57,58)
```
#cd2f30
```
#cd2f30 rgb(205,47,48)
```
#d72526
```
#d72526 rgb(215,37,38)
```
#e01c1d
```
#e01c1d rgb(224,28,29)
```
#ea1213
```
#ea1213 rgb(234,18,19)
```
#f4080a
```
#f4080a rgb(244,8,10)
```

Tone Color Variation

Below, you can see how #cd2f30 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
#745555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744b Protanopia 1% of men
#8f6f2e Deuteranopia 1% of men
#cf393b Tritanopia 0.001% of the population

Trichromacy

#9b5b41 Protanomaly 1% of men, 0.01% of women
#a6572f Deuteranomaly 6% of men, 0.4% of women
#ce3537 Tritanomaly 0.01% of the population

#cd2f30 hex color

#cd2f30 Color Information

#cd2f30 Color Conversion

Color Schemes with #cd2f30

Alternatives to #cd2f30

#cd2f30 Preview

Shades and Tints of #cd2f30

Tones of #cd2f30

Color Blindness Simulator