#cf458f hex color

In a RGB color space, hex #cf458f is composed of 81.2% red, 27.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 30.9% yellow and 18.8% black. It has a hue angle of 327.8 degrees, a saturation of 59% and a lightness of 54.1%. #cf458f color hex could be obtained by blending #ff8aff with #9f001f. Closest websafe color is: #cc3399.

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

● #cf458f color description : Moderate pink.

The hexadecimal color #cf458f has RGB values of R:207, G:69, B:143 and CMYK values of C:0, M:0.67, Y:0.31, K:0.19. Its decimal value is 13583759.

Hex triplet	cf458f	`#cf458f`
RGB Decimal	207, 69, 143	`rgb(207,69,143)`
RGB Percent	81.2, 27.1, 56.1	`rgb(81.2%,27.1%,56.1%)`
CMYK	0, 67, 31, 19
HSL	327.8°, 59, 54.1	`hsl(327.8,59%,54.1%)`
HSV (or HSB)	327.8°, 66.7, 81.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.276, 60.794, -11.224
XYZ	32.819, 19.508, 28.022
xyY	0.408, 0.243, 19.508
CIE-LCH	51.276, 61.821, 349.54
CIE-LUV	51.276, 81.812, -26.394
Hunter-Lab	44.167, 55.341, -6.699
Binary	11001111, 01000101, 10001111

#cf458f
```
#cf458f rgb(207,69,143)
```
#45cf85
```
#45cf85 rgb(69,207,133)
```

Complementary Color

#ca45cf
```
#ca45cf rgb(202,69,207)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#cf454a
```
#cf454a rgb(207,69,74)
```

Analogous Color

#45cfca
```
#45cfca rgb(69,207,202)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#4acf45
```
#4acf45 rgb(74,207,69)
```

Split Complementary Color

#458fcf
```
#458fcf rgb(69,143,207)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#8fcf45
```
#8fcf45 rgb(143,207,69)
```

Triadic Color

#8545cf
```
#8545cf rgb(133,69,207)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#8fcf45
```
#8fcf45 rgb(143,207,69)
```
#45cf85
```
#45cf85 rgb(69,207,133)
```

Tetradic Color

#9f2968
```
#9f2968 rgb(159,41,104)
```
#b32e75
```
#b32e75 rgb(179,46,117)
```
#c73383
```
#c73383 rgb(199,51,131)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#d4599b
```
#d4599b rgb(212,89,155)
```
#d96ea7
```
#d96ea7 rgb(217,110,167)
```
#df82b4
```
#df82b4 rgb(223,130,180)
```

Monochromatic Color

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

#cf45b2
```
#cf45b2 rgb(207,69,178)
```
#cf45a6
```
#cf45a6 rgb(207,69,166)
```
#cf459b
```
#cf459b rgb(207,69,155)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#cf4584
```
#cf4584 rgb(207,69,132)
```
#cf4578
```
#cf4578 rgb(207,69,120)
```
#cf456d
```
#cf456d rgb(207,69,109)
```

Similar Colors

Text with hexadecimal color #cf458f

This text has a font color of #cf458f.

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

#cf458f background color

This paragraph has a background color of #cf458f.

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

#cf458f border color

This element has a border color of #cf458f.

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

CSS codes

.text {color:#cf458f;}

.background {background-color:#cf458f;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#11040b
```
#11040b rgb(17,4,11)
```
#200815
```
#200815 rgb(32,8,21)
```
#300c1f
```
#300c1f rgb(48,12,31)
```
#3f102a
```
#3f102a rgb(63,16,42)
```
#4f1434
```
#4f1434 rgb(79,20,52)
```
#5f183e
```
#5f183e rgb(95,24,62)
```
#6e1c48
```
#6e1c48 rgb(110,28,72)
```
#7e2053
```
#7e2053 rgb(126,32,83)
```
#8d245d
```
#8d245d rgb(141,36,93)
```
#9d2967
```
#9d2967 rgb(157,41,103)
```
#ad2d71
```
#ad2d71 rgb(173,45,113)
```
#bc317b
```
#bc317b rgb(188,49,123)
```

Shade Color Variation

#cb3586
```
#cb3586 rgb(203,53,134)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#d35598
```
#d35598 rgb(211,85,152)
```
#d764a2
```
#d764a2 rgb(215,100,162)
```
#db74ab
```
#db74ab rgb(219,116,171)
```
#df83b5
```
#df83b5 rgb(223,131,181)
```
#e393be
```
#e393be rgb(227,147,190)
```
#e7a3c7
```
#e7a3c7 rgb(231,163,199)
```
#ebb2d1
```
#ebb2d1 rgb(235,178,209)
```
#efc2da
```
#efc2da rgb(239,194,218)
```
#f3d1e3
```
#f3d1e3 rgb(243,209,227)
```
#f7e1ed
```
#f7e1ed rgb(247,225,237)
```
#fbf1f6
```
#fbf1f6 rgb(251,241,246)
```

Tint Color Variation

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

#90848a
```
#90848a rgb(144,132,138)
```
#997b8b
```
#997b8b rgb(153,123,139)
```
#a2728c
```
#a2728c rgb(162,114,140)
```
#ab698c
```
#ab698c rgb(171,105,140)
```
#b4608d
```
#b4608d rgb(180,96,141)
```
#bd578e
```
#bd578e rgb(189,87,142)
```
#c64e8e
```
#c64e8e rgb(198,78,142)
```
#cf458f
```
#cf458f rgb(207,69,143)
```
#d83c90
```
#d83c90 rgb(216,60,144)
```
#e13390
```
#e13390 rgb(225,51,144)
```
#ea2a91
```
#ea2a91 rgb(234,42,145)
```
#f32192
```
#f32192 rgb(243,33,146)
```
#fc1892
```
#fc1892 rgb(252,24,146)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#896d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#707fb1 Protanopia 1% of men
#887d8a Deuteranopia 1% of men
#cd5b61 Tritanopia 0.001% of the population

Trichromacy

#926aa5 Protanomaly 1% of men, 0.01% of women
#a2698b Deuteranomaly 6% of men, 0.4% of women
#cd5371 Tritanomaly 0.01% of the population

#cf458f hex color

#cf458f Color Information

#cf458f Color Conversion

Color Schemes with #cf458f

Alternatives to #cf458f

#cf458f Preview

Shades and Tints of #cf458f

Tones of #cf458f

Color Blindness Simulator