#cc063f hex color

In a RGB color space, hex #cc063f is composed of 80% red, 2.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 69.1% yellow and 20% black. It has a hue angle of 342.7 degrees, a saturation of 94.3% and a lightness of 41.2%. #cc063f color hex could be obtained by blending #ff0c7e with #990000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 80
- G 2
- B 25
RGB color chart
- C 0
- M 97
- Y 69
- K 20
CMYK color chart

● #cc063f color description : Strong pink.

The hexadecimal color #cc063f has RGB values of R:204, G:6, B:63 and CMYK values of C:0, M:0.97, Y:0.69, K:0.2. Its decimal value is 13370943.

Hex triplet	cc063f	`#cc063f`
RGB Decimal	204, 6, 63	`rgb(204,6,63)`
RGB Percent	80, 2.4, 24.7	`rgb(80%,2.4%,24.7%)`
CMYK	0, 97, 69, 20
HSL	342.7°, 94.3, 41.2	`hsl(342.7,94.3%,41.2%)`
HSV (or HSB)	342.7°, 97.1, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.256, 68.6, 26.426
XYZ	25.865, 13.33, 5.913
xyY	0.573, 0.296, 13.33
CIE-LCH	43.256, 73.514, 21.068
CIE-LUV	43.256, 127.628, 13.631
Hunter-Lab	36.51, 62.565, 15.954
Binary	11001100, 00000110, 00111111

#cc063f
```
#cc063f rgb(204,6,63)
```
#06cc93
```
#06cc93 rgb(6,204,147)
```

Complementary Color

#cc06a2
```
#cc06a2 rgb(204,6,162)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#cc3006
```
#cc3006 rgb(204,48,6)
```

Analogous Color

#06a2cc
```
#06a2cc rgb(6,162,204)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#06cc30
```
#06cc30 rgb(6,204,48)
```

Split Complementary Color

#063fcc
```
#063fcc rgb(6,63,204)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#3fcc06
```
#3fcc06 rgb(63,204,6)
```

Triadic Color

#9306cc
```
#9306cc rgb(147,6,204)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#3fcc06
```
#3fcc06 rgb(63,204,6)
```
#06cc93
```
#06cc93 rgb(6,204,147)
```

Tetradic Color

#820428
```
#820428 rgb(130,4,40)
```
#9a0530
```
#9a0530 rgb(154,5,48)
```
#b30537
```
#b30537 rgb(179,5,55)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#e50747
```
#e50747 rgb(229,7,71)
```
#f80d51
```
#f80d51 rgb(248,13,81)
```
#f92663
```
#f92663 rgb(249,38,99)
```

Monochromatic Color

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

#cc0671
```
#cc0671 rgb(204,6,113)
```
#cc0660
```
#cc0660 rgb(204,6,96)
```
#cc0650
```
#cc0650 rgb(204,6,80)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#cc062f
```
#cc062f rgb(204,6,47)
```
#cc061e
```
#cc061e rgb(204,6,30)
```
#cc060e
```
#cc060e rgb(204,6,14)
```

Similar Colors

Text with hexadecimal color #cc063f

This text has a font color of #cc063f.

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

#cc063f background color

This paragraph has a background color of #cc063f.

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

#cc063f border color

This element has a border color of #cc063f.

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

CSS codes

.text {color:#cc063f;}

.background {background-color:#cc063f;}

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

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

#0d0004
```
#0d0004 rgb(13,0,4)
```
#21010a
```
#21010a rgb(33,1,10)
```
#340210
```
#340210 rgb(52,2,16)
```
#470216
```
#470216 rgb(71,2,22)
```
#5a031c
```
#5a031c rgb(90,3,28)
```
#6d0322
```
#6d0322 rgb(109,3,34)
```
#800427
```
#800427 rgb(128,4,39)
```
#93042d
```
#93042d rgb(147,4,45)
```
#a60533
```
#a60533 rgb(166,5,51)
```
#b90539
```
#b90539 rgb(185,5,57)
```
#cc063f
```
#cc063f rgb(204,6,63)
```
#df0745
```
#df0745 rgb(223,7,69)
```
#f2074b
```
#f2074b rgb(242,7,75)
```

Shade Color Variation

#f81556
```
#f81556 rgb(248,21,86)
```
#f92864
```
#f92864 rgb(249,40,100)
```
#f93b72
```
#f93b72 rgb(249,59,114)
```
#fa4e7f
```
#fa4e7f rgb(250,78,127)
```
#fa618d
```
#fa618d rgb(250,97,141)
```
#fb749b
```
#fb749b rgb(251,116,155)
```
#fb87a9
```
#fb87a9 rgb(251,135,169)
```
#fc9ab6
```
#fc9ab6 rgb(252,154,182)
```
#fdadc4
```
#fdadc4 rgb(253,173,196)
```
#fdc0d2
```
#fdc0d2 rgb(253,192,210)
```
#fed3e0
```
#fed3e0 rgb(254,211,224)
```
#fee6ed
```
#fee6ed rgb(254,230,237)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#6b6768
```
#6b6768 rgb(107,103,104)
```
#735f65
```
#735f65 rgb(115,95,101)
```
#7b5761
```
#7b5761 rgb(123,87,97)
```
#834f5e
```
#834f5e rgb(131,79,94)
```
#8b475a
```
#8b475a rgb(139,71,90)
```
#933f57
```
#933f57 rgb(147,63,87)
```
#9c3654
```
#9c3654 rgb(156,54,84)
```
#a42e50
```
#a42e50 rgb(164,46,80)
```
#ac264d
```
#ac264d rgb(172,38,77)
```
#b41e49
```
#b41e49 rgb(180,30,73)
```
#bc1646
```
#bc1646 rgb(188,22,70)
```
#c40e42
```
#c40e42 rgb(196,14,66)
```
#cc063f
```
#cc063f rgb(204,6,63)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#623b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726d63 Protanopia 1% of men
#85693d Deuteranopia 1% of men
#cd221f Tritanopia 0.001% of the population

Trichromacy

#934856 Protanomaly 1% of men, 0.01% of women
#9f453d Deuteranomaly 6% of men, 0.4% of women
#cd182b Tritanomaly 0.01% of the population

#cc063f hex color

#cc063f Color Information

#cc063f Color Conversion

Color Schemes with #cc063f

Alternatives to #cc063f

#cc063f Preview

Shades and Tints of #cc063f

Tones of #cc063f

Color Blindness Simulator