#cf31f2 hex color

In a RGB color space, hex #cf31f2 is composed of 81.2% red, 19.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 79.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 289.1 degrees, a saturation of 88.1% and a lightness of 57.1%. #cf31f2 color hex could be obtained by blending #ff62ff with #9f00e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 19
- B 95
RGB color chart
- C 14
- M 80
- Y 0
- K 5
CMYK color chart

● #cf31f2 color description : Bright magenta.

The hexadecimal color #cf31f2 has RGB values of R:207, G:49, B:242 and CMYK values of C:0.14, M:0.8, Y:0, K:0.05. Its decimal value is 13578738.

Hex triplet	cf31f2	`#cf31f2`
RGB Decimal	207, 49, 242	`rgb(207,49,242)`
RGB Percent	81.2, 19.2, 94.9	`rgb(81.2%,19.2%,94.9%)`
CMYK	14, 80, 0, 5
HSL	289.1°, 88.1, 57.1	`hsl(289.1,88.1%,57.1%)`
HSV (or HSB)	289.1°, 79.8, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.894, 82.14, -64.342
XYZ	42.856, 21.875, 85.964
xyY	0.284, 0.145, 21.875
CIE-LCH	53.894, 104.34, 321.928
CIE-LUV	53.894, 52.37, -108.791
Hunter-Lab	46.771, 81.71, -76.236
Binary	11001111, 00110001, 11110010

#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#54f231
```
#54f231 rgb(84,242,49)
```

Complementary Color

#6f31f2
```
#6f31f2 rgb(111,49,242)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#f231b5
```
#f231b5 rgb(242,49,181)
```

Analogous Color

#31f26f
```
#31f26f rgb(49,242,111)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#b5f231
```
#b5f231 rgb(181,242,49)
```

Split Complementary Color

#31f2cf
```
#31f2cf rgb(49,242,207)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#f2cf31
```
#f2cf31 rgb(242,207,49)
```

Triadic Color

#3154f2
```
#3154f2 rgb(49,84,242)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#f2cf31
```
#f2cf31 rgb(242,207,49)
```
#54f231
```
#54f231 rgb(84,242,49)
```

Tetradic Color

#a70dca
```
#a70dca rgb(167,13,202)
```
#bb0ee2
```
#bb0ee2 rgb(187,14,226)
```
#c919f0
```
#c919f0 rgb(201,25,240)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#d549f4
```
#d549f4 rgb(213,73,244)
```
#da61f5
```
#da61f5 rgb(218,97,245)
```
#e079f7
```
#e079f7 rgb(224,121,247)
```

Monochromatic Color

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

#9f31f2
```
#9f31f2 rgb(159,49,242)
```
#af31f2
```
#af31f2 rgb(175,49,242)
```
#bf31f2
```
#bf31f2 rgb(191,49,242)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#df31f2
```
#df31f2 rgb(223,49,242)
```
#ef31f2
```
#ef31f2 rgb(239,49,242)
```
#f231e5
```
#f231e5 rgb(242,49,229)
```

Similar Colors

Text with hexadecimal color #cf31f2

This text has a font color of #cf31f2.

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

#cf31f2 background color

This paragraph has a background color of #cf31f2.

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

#cf31f2 border color

This element has a border color of #cf31f2.

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

CSS codes

.text {color:#cf31f2;}

.background {background-color:#cf31f2;}

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

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

#0d010f
```
#0d010f rgb(13,1,15)
```
#1c0222
```
#1c0222 rgb(28,2,34)
```
#2b0334
```
#2b0334 rgb(43,3,52)
```
#3b0447
```
#3b0447 rgb(59,4,71)
```
#4a0659
```
#4a0659 rgb(74,6,89)
```
#59076c
```
#59076c rgb(89,7,108)
```
#69087e
```
#69087e rgb(105,8,126)
```
#780991
```
#780991 rgb(120,9,145)
```
#870aa3
```
#870aa3 rgb(135,10,163)
```
#970bb5
```
#970bb5 rgb(151,11,181)
```
#a60dc8
```
#a60dc8 rgb(166,13,200)
```
#b50eda
```
#b50eda rgb(181,14,218)
```
#c50fed
```
#c50fed rgb(197,15,237)
```

Shade Color Variation

#cb1ff1
```
#cb1ff1 rgb(203,31,241)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#d343f3
```
#d343f3 rgb(211,67,243)
```
#d856f4
```
#d856f4 rgb(216,86,244)
```
#dc68f5
```
#dc68f5 rgb(220,104,245)
```
#e07bf7
```
#e07bf7 rgb(224,123,247)
```
#e48df8
```
#e48df8 rgb(228,141,248)
```
#e9a0f9
```
#e9a0f9 rgb(233,160,249)
```
#edb2fa
```
#edb2fa rgb(237,178,250)
```
#f1c5fb
```
#f1c5fb rgb(241,197,251)
```
#f6d7fc
```
#f6d7fc rgb(246,215,252)
```
#faeafe
```
#faeafe rgb(250,234,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#948e95
```
#948e95 rgb(148,142,149)
```
#99859e
```
#99859e rgb(153,133,158)
```
#9f7da6
```
#9f7da6 rgb(159,125,166)
```
#a474af
```
#a474af rgb(164,116,175)
```
#a96cb7
```
#a96cb7 rgb(169,108,183)
```
#af64bf
```
#af64bf rgb(175,100,191)
```
#b45bc8
```
#b45bc8 rgb(180,91,200)
```
#ba53d0
```
#ba53d0 rgb(186,83,208)
```
#bf4ad9
```
#bf4ad9 rgb(191,74,217)
```
#c442e1
```
#c442e1 rgb(196,66,225)
```
#ca39ea
```
#ca39ea rgb(202,57,234)
```
#cf31f2
```
#cf31f2 rgb(207,49,242)
```
#d429fa
```
#d429fa rgb(212,41,250)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#88688f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1883ff Protanopia 1% of men
#3988de Deuteranopia 1% of men
#be7078 Tritanopia 0.001% of the population

Trichromacy

#5b65fa Protanomaly 1% of men, 0.01% of women
#7068e5 Deuteranomaly 6% of men, 0.4% of women
#c459a4 Tritanomaly 0.01% of the population

#cf31f2 hex color

#cf31f2 Color Information

#cf31f2 Color Conversion

Color Schemes with #cf31f2

Alternatives to #cf31f2

#cf31f2 Preview

Shades and Tints of #cf31f2

Tones of #cf31f2

Color Blindness Simulator