#cf30bb hex color

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

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

● #cf30bb color description : Strong magenta.

The hexadecimal color #cf30bb has RGB values of R:207, G:48, B:187 and CMYK values of C:0, M:0.77, Y:0.1, K:0.19. Its decimal value is 13578427.

Hex triplet	cf30bb	`#cf30bb`
RGB Decimal	207, 48, 187	`rgb(207,48,187)`
RGB Percent	81.2, 18.8, 73.3	`rgb(81.2%,18.8%,73.3%)`
CMYK	0, 77, 10, 19
HSL	307.5°, 62.4, 50	`hsl(307.5,62.4%,50%)`
HSV (or HSB)	307.5°, 76.8, 81.2
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.652, 73.66, -38.128
XYZ	35.758, 18.97, 48.789
xyY	0.345, 0.183, 18.97
CIE-LCH	50.652, 82.943, 332.633
CIE-LUV	50.652, 71.547, -67.49
Hunter-Lab	43.554, 70.329, -35.928
Binary	11001111, 00110000, 10111011

#cf30bb
```
#cf30bb rgb(207,48,187)
```
#30cf44
```
#30cf44 rgb(48,207,68)
```

Complementary Color

#9430cf
```
#9430cf rgb(148,48,207)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#cf306c
```
#cf306c rgb(207,48,108)
```

Analogous Color

#30cf94
```
#30cf94 rgb(48,207,148)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#6ccf30
```
#6ccf30 rgb(108,207,48)
```

Split Complementary Color

#30bbcf
```
#30bbcf rgb(48,187,207)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#bbcf30
```
#bbcf30 rgb(187,207,48)
```

Triadic Color

#4430cf
```
#4430cf rgb(68,48,207)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#bbcf30
```
#bbcf30 rgb(187,207,48)
```
#30cf44
```
#30cf44 rgb(48,207,68)
```

Tetradic Color

#912283
```
#912283 rgb(145,34,131)
```
#a62696
```
#a62696 rgb(166,38,150)
```
#ba2ba8
```
#ba2ba8 rgb(186,43,168)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#d445c2
```
#d445c2 rgb(212,69,194)
```
#d959c9
```
#d959c9 rgb(217,89,201)
```
#dd6ecf
```
#dd6ecf rgb(221,110,207)
```

Monochromatic Color

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

#bb30cf
```
#bb30cf rgb(187,48,207)
```
#c930cf
```
#c930cf rgb(201,48,207)
```
#cf30c8
```
#cf30c8 rgb(207,48,200)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#cf30ae
```
#cf30ae rgb(207,48,174)
```
#cf30a1
```
#cf30a1 rgb(207,48,161)
```
#cf3093
```
#cf3093 rgb(207,48,147)
```

Similar Colors

Text with hexadecimal color #cf30bb

This text has a font color of #cf30bb.

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

#cf30bb background color

This paragraph has a background color of #cf30bb.

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

#cf30bb border color

This element has a border color of #cf30bb.

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

CSS codes

.text {color:#cf30bb;}

.background {background-color:#cf30bb;}

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

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

#10040e
```
#10040e rgb(16,4,14)
```
#20071d
```
#20071d rgb(32,7,29)
```
#300b2b
```
#300b2b rgb(48,11,43)
```
#400f3a
```
#400f3a rgb(64,15,58)
```
#501248
```
#501248 rgb(80,18,72)
```
#601656
```
#601656 rgb(96,22,86)
```
#6f1a65
```
#6f1a65 rgb(111,26,101)
```
#7f1e73
```
#7f1e73 rgb(127,30,115)
```
#8f2181
```
#8f2181 rgb(143,33,129)
```
#9f2590
```
#9f2590 rgb(159,37,144)
```
#af299e
```
#af299e rgb(175,41,158)
```
#bf2cad
```
#bf2cad rgb(191,44,173)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```

Shade Color Variation

#d340c0
```
#d340c0 rgb(211,64,192)
```
#d650c5
```
#d650c5 rgb(214,80,197)
```
#da60cb
```
#da60cb rgb(218,96,203)
```
#de70d0
```
#de70d0 rgb(222,112,208)
```
#e180d5
```
#e180d5 rgb(225,128,213)
```
#e590da
```
#e590da rgb(229,144,218)
```
#e99fe0
```
#e99fe0 rgb(233,159,224)
```
#edafe5
```
#edafe5 rgb(237,175,229)
```
#f0bfea
```
#f0bfea rgb(240,191,234)
```
#f4cfef
```
#f4cfef rgb(244,207,239)
```
#f8dff5
```
#f8dff5 rgb(248,223,245)
```
#fbeffa
```
#fbeffa rgb(251,239,250)
```
#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 #f609d8 is the most saturated one.

#817e80
```
#817e80 rgb(129,126,128)
```
#8a7588
```
#8a7588 rgb(138,117,136)
```
#946b8f
```
#946b8f rgb(148,107,143)
```
#9e6196
```
#9e6196 rgb(158,97,150)
```
#a8579e
```
#a8579e rgb(168,87,158)
```
#b24da5
```
#b24da5 rgb(178,77,165)
```
#bb44ac
```
#bb44ac rgb(187,68,172)
```
#c53ab4
```
#c53ab4 rgb(197,58,180)
```
#cf30bb
```
#cf30bb rgb(207,48,187)
```
#d926c2
```
#d926c2 rgb(217,38,194)
```
#e31cca
```
#e31cca rgb(227,28,202)
```
#ec13d1
```
#ec13d1 rgb(236,19,209)
```
#f609d8
```
#f609d8 rgb(246,9,216)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#82627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a7bed Protanopia 1% of men
#6d7eae Deuteranopia 1% of men
#c75d63 Tritanopia 0.001% of the population

Trichromacy

#6660da Protanomaly 1% of men, 0.01% of women
#9061b3 Deuteranomaly 6% of men, 0.4% of women
#ca4c83 Tritanomaly 0.01% of the population

#cf30bb hex color

#cf30bb Color Information

#cf30bb Color Conversion

Color Schemes with #cf30bb

Alternatives to #cf30bb

#cf30bb Preview

Shades and Tints of #cf30bb

Tones of #cf30bb

Color Blindness Simulator