#cf218f hex color

In a RGB color space, hex #cf218f is composed of 81.2% red, 12.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 30.9% yellow and 18.8% black. It has a hue angle of 322.1 degrees, a saturation of 72.5% and a lightness of 47.1%. #cf218f color hex could be obtained by blending #ff42ff with #9f001f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 81
- G 13
- B 56
RGB color chart
- C 0
- M 84
- Y 31
- K 19
CMYK color chart

● #cf218f color description : Strong pink.

The hexadecimal color #cf218f has RGB values of R:207, G:33, B:143 and CMYK values of C:0, M:0.84, Y:0.31, K:0.19. Its decimal value is 13574543.

Hex triplet	cf218f	`#cf218f`
RGB Decimal	207, 33, 143	`rgb(207,33,143)`
RGB Percent	81.2, 12.9, 56.1	`rgb(81.2%,12.9%,56.1%)`
CMYK	0, 84, 31, 19
HSL	322.1°, 72.5, 47.1	`hsl(322.1,72.5%,47.1%)`
HSV (or HSB)	322.1°, 84.1, 81.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.417, 71.692, -17.074
XYZ	31.234, 16.339, 27.494
xyY	0.416, 0.218, 16.339
CIE-LCH	47.417, 73.697, 346.604
CIE-LUV	47.417, 92.686, -36.057
Hunter-Lab	40.422, 67.19, -12.032
Binary	11001111, 00100001, 10001111

#cf218f
```
#cf218f rgb(207,33,143)
```
#21cf61
```
#21cf61 rgb(33,207,97)
```

Complementary Color

#b821cf
```
#b821cf rgb(184,33,207)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#cf2138
```
#cf2138 rgb(207,33,56)
```

Analogous Color

#21cfb8
```
#21cfb8 rgb(33,207,184)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#38cf21
```
#38cf21 rgb(56,207,33)
```

Split Complementary Color

#218fcf
```
#218fcf rgb(33,143,207)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#8fcf21
```
#8fcf21 rgb(143,207,33)
```

Triadic Color

#6121cf
```
#6121cf rgb(97,33,207)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#8fcf21
```
#8fcf21 rgb(143,207,33)
```
#21cf61
```
#21cf61 rgb(33,207,97)
```

Tetradic Color

#8d1661
```
#8d1661 rgb(141,22,97)
```
#a31a71
```
#a31a71 rgb(163,26,113)
```
#b91d80
```
#b91d80 rgb(185,29,128)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#dd2c9c
```
#dd2c9c rgb(221,44,156)
```
#e142a6
```
#e142a6 rgb(225,66,166)
```
#e458b1
```
#e458b1 rgb(228,88,177)
```

Monochromatic Color

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

#cf21bb
```
#cf21bb rgb(207,33,187)
```
#cf21ac
```
#cf21ac rgb(207,33,172)
```
#cf219e
```
#cf219e rgb(207,33,158)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#cf2181
```
#cf2181 rgb(207,33,129)
```
#cf2172
```
#cf2172 rgb(207,33,114)
```
#cf2163
```
#cf2163 rgb(207,33,99)
```

Similar Colors

Text with hexadecimal color #cf218f

This text has a font color of #cf218f.

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

#cf218f background color

This paragraph has a background color of #cf218f.

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

#cf218f border color

This element has a border color of #cf218f.

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

CSS codes

.text {color:#cf218f;}

.background {background-color:#cf218f;}

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

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, #040103 is the darkest color, while #fdf2f9 is the lightest one.

#040103
```
#040103 rgb(4,1,3)
```
#15030e
```
#15030e rgb(21,3,14)
```
#26061a
```
#26061a rgb(38,6,26)
```
#370926
```
#370926 rgb(55,9,38)
```
#480b32
```
#480b32 rgb(72,11,50)
```
#590e3d
```
#590e3d rgb(89,14,61)
```
#691149
```
#691149 rgb(105,17,73)
```
#7a1455
```
#7a1455 rgb(122,20,85)
```
#8b1660
```
#8b1660 rgb(139,22,96)
```
#9c196c
```
#9c196c rgb(156,25,108)
```
#ad1c78
```
#ad1c78 rgb(173,28,120)
```
#be1e83
```
#be1e83 rgb(190,30,131)
```
#cf218f
```
#cf218f rgb(207,33,143)
```

Shade Color Variation

#dd279a
```
#dd279a rgb(221,39,154)
```
#df38a2
```
#df38a2 rgb(223,56,162)
```
#e249aa
```
#e249aa rgb(226,73,170)
```
#e55ab2
```
#e55ab2 rgb(229,90,178)
```
#e76bba
```
#e76bba rgb(231,107,186)
```
#ea7cc1
```
#ea7cc1 rgb(234,124,193)
```
#ed8dc9
```
#ed8dc9 rgb(237,141,201)
```
#ef9dd1
```
#ef9dd1 rgb(239,157,209)
```
#f2aed9
```
#f2aed9 rgb(242,174,217)
```
#f5bfe1
```
#f5bfe1 rgb(245,191,225)
```
#f8d0e9
```
#f8d0e9 rgb(248,208,233)
```
#fae1f1
```
#fae1f1 rgb(250,225,241)
```
#fdf2f9
```
#fdf2f9 rgb(253,242,249)
```

Tint Color Variation

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

#7c7479
```
#7c7479 rgb(124,116,121)
```
#856b7b
```
#856b7b rgb(133,107,123)
```
#8e627e
```
#8e627e rgb(142,98,126)
```
#985880
```
#985880 rgb(152,88,128)
```
#a14f83
```
#a14f83 rgb(161,79,131)
```
#aa4685
```
#aa4685 rgb(170,70,133)
```
#b33d88
```
#b33d88 rgb(179,61,136)
```
#bd338a
```
#bd338a rgb(189,51,138)
```
#c62a8d
```
#c62a8d rgb(198,42,141)
```
#cf218f
```
#cf218f rgb(207,33,143)
```
#d81891
```
#d81891 rgb(216,24,145)
```
#e10f94
```
#e10f94 rgb(225,15,148)
```
#eb0596
```
#eb0596 rgb(235,5,150)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#78556b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5675bf Protanopia 1% of men
#7b7587 Deuteranopia 1% of men
#cb484c Tritanopia 0.001% of the population

Trichromacy

#8256ad Protanomaly 1% of men, 0.01% of women
#99568a Deuteranomaly 6% of men, 0.4% of women
#cd3a64 Tritanomaly 0.01% of the population

#cf218f hex color

#cf218f Color Information

#cf218f Color Conversion

Color Schemes with #cf218f

Alternatives to #cf218f

#cf218f Preview

Shades and Tints of #cf218f

Tones of #cf218f

Color Blindness Simulator