#cf30a2 hex color

In a RGB color space, hex #cf30a2 is composed of 81.2% red, 18.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.8% magenta, 21.7% yellow and 18.8% black. It has a hue angle of 317 degrees, a saturation of 62.4% and a lightness of 50%. #cf30a2 color hex could be obtained by blending #ff60ff with #9f0045. Closest websafe color is: #cc3399.

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

● #cf30a2 color description : Strong pink.

The hexadecimal color #cf30a2 has RGB values of R:207, G:48, B:162 and CMYK values of C:0, M:0.77, Y:0.22, K:0.19. Its decimal value is 13578402.

Hex triplet	cf30a2	`#cf30a2`
RGB Decimal	207, 48, 162	`rgb(207,48,162)`
RGB Percent	81.2, 18.8, 63.5	`rgb(81.2%,18.8%,63.5%)`
CMYK	0, 77, 22, 19
HSL	317°, 62.4, 50	`hsl(317,62.4%,50%)`
HSV (or HSB)	317°, 76.8, 81.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.485, 70.259, -25.262
XYZ	33.311, 17.991, 35.899
xyY	0.382, 0.206, 17.991
CIE-LCH	49.485, 74.662, 340.224
CIE-LUV	49.485, 81.35, -47.766
Hunter-Lab	42.416, 65.957, -20.49
Binary	11001111, 00110000, 10100010

#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#30cf5d
```
#30cf5d rgb(48,207,93)
```

Complementary Color

#ad30cf
```
#ad30cf rgb(173,48,207)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#cf3053
```
#cf3053 rgb(207,48,83)
```

Analogous Color

#30cfad
```
#30cfad rgb(48,207,173)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#53cf30
```
#53cf30 rgb(83,207,48)
```

Split Complementary Color

#30a2cf
```
#30a2cf rgb(48,162,207)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#a2cf30
```
#a2cf30 rgb(162,207,48)
```

Triadic Color

#5d30cf
```
#5d30cf rgb(93,48,207)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#a2cf30
```
#a2cf30 rgb(162,207,48)
```
#30cf5d
```
#30cf5d rgb(48,207,93)
```

Tetradic Color

#912271
```
#912271 rgb(145,34,113)
```
#a62682
```
#a62682 rgb(166,38,130)
```
#ba2b92
```
#ba2b92 rgb(186,43,146)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#d445ab
```
#d445ab rgb(212,69,171)
```
#d959b5
```
#d959b5 rgb(217,89,181)
```
#dd6ebe
```
#dd6ebe rgb(221,110,190)
```

Monochromatic Color

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

#cf30ca
```
#cf30ca rgb(207,48,202)
```
#cf30bd
```
#cf30bd rgb(207,48,189)
```
#cf30af
```
#cf30af rgb(207,48,175)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#cf3095
```
#cf3095 rgb(207,48,149)
```
#cf3088
```
#cf3088 rgb(207,48,136)
```
#cf307a
```
#cf307a rgb(207,48,122)
```

Similar Colors

Text with hexadecimal color #cf30a2

This text has a font color of #cf30a2.

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

#cf30a2 background color

This paragraph has a background color of #cf30a2.

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

#cf30a2 border color

This element has a border color of #cf30a2.

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

CSS codes

.text {color:#cf30a2;}

.background {background-color:#cf30a2;}

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

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, #10040c is the darkest color, while #ffffff is the lightest one.

#10040c
```
#10040c rgb(16,4,12)
```
#200719
```
#200719 rgb(32,7,25)
```
#300b25
```
#300b25 rgb(48,11,37)
```
#400f32
```
#400f32 rgb(64,15,50)
```
#50123e
```
#50123e rgb(80,18,62)
```
#60164b
```
#60164b rgb(96,22,75)
```
#6f1a57
```
#6f1a57 rgb(111,26,87)
```
#7f1e64
```
#7f1e64 rgb(127,30,100)
```
#8f2170
```
#8f2170 rgb(143,33,112)
```
#9f257d
```
#9f257d rgb(159,37,125)
```
#af2989
```
#af2989 rgb(175,41,137)
```
#bf2c96
```
#bf2c96 rgb(191,44,150)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```

Shade Color Variation

#d340a9
```
#d340a9 rgb(211,64,169)
```
#d650b0
```
#d650b0 rgb(214,80,176)
```
#da60b7
```
#da60b7 rgb(218,96,183)
```
#de70bf
```
#de70bf rgb(222,112,191)
```
#e180c6
```
#e180c6 rgb(225,128,198)
```
#e590cd
```
#e590cd rgb(229,144,205)
```
#e99fd4
```
#e99fd4 rgb(233,159,212)
```
#edafdb
```
#edafdb rgb(237,175,219)
```
#f0bfe2
```
#f0bfe2 rgb(240,191,226)
```
#f4cfea
```
#f4cfea rgb(244,207,234)
```
#f8dff1
```
#f8dff1 rgb(248,223,241)
```
#fbeff8
```
#fbeff8 rgb(251,239,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817e80
```
#817e80 rgb(129,126,128)
```
#8a7584
```
#8a7584 rgb(138,117,132)
```
#946b88
```
#946b88 rgb(148,107,136)
```
#9e618d
```
#9e618d rgb(158,97,141)
```
#a85791
```
#a85791 rgb(168,87,145)
```
#b24d95
```
#b24d95 rgb(178,77,149)
```
#bb4499
```
#bb4499 rgb(187,68,153)
```
#c53a9e
```
#c53a9e rgb(197,58,158)
```
#cf30a2
```
#cf30a2 rgb(207,48,162)
```
#d926a6
```
#d926a6 rgb(217,38,166)
```
#e31cab
```
#e31cab rgb(227,28,171)
```
#ec13af
```
#ec13af rgb(236,19,175)
```
#f609b3
```
#f609b3 rgb(246,9,179)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#816178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5179d0 Protanopia 1% of men
#787a99 Deuteranopia 1% of men
#ca555a Tritanopia 0.001% of the population

Trichromacy

#7f5fbf Protanomaly 1% of men, 0.01% of women
#985f9c Deuteranomaly 6% of men, 0.4% of women
#cc4774 Tritanomaly 0.01% of the population

#cf30a2 hex color

#cf30a2 Color Information

#cf30a2 Color Conversion

Color Schemes with #cf30a2

Alternatives to #cf30a2

#cf30a2 Preview

Shades and Tints of #cf30a2

Tones of #cf30a2

Color Blindness Simulator