#cf30f8 hex color

In a RGB color space, hex #cf30f8 is composed of 81.2% red, 18.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 80.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 287.7 degrees, a saturation of 93.5% and a lightness of 58%. #cf30f8 color hex could be obtained by blending #ff60ff with #9f00f1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 19
- B 97
RGB color chart
- C 17
- M 81
- Y 0
- K 3
CMYK color chart

● #cf30f8 color description : Bright magenta.

The hexadecimal color #cf30f8 has RGB values of R:207, G:48, B:248 and CMYK values of C:0.17, M:0.81, Y:0, K:0.03. Its decimal value is 13578488.

Hex triplet	cf30f8	`#cf30f8`
RGB Decimal	207, 48, 248	`rgb(207,48,248)`
RGB Percent	81.2, 18.8, 97.3	`rgb(81.2%,18.8%,97.3%)`
CMYK	17, 81, 0, 3
HSL	287.7°, 93.5, 58	`hsl(287.7,93.5%,58%)`
HSV (or HSB)	287.7°, 80.6, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.195, 83.434, -67.209
XYZ	43.73, 22.159, 90.775
xyY	0.279, 0.141, 22.159
CIE-LCH	54.195, 107.136, 321.147
CIE-LUV	54.195, 50.67, -113.278
Hunter-Lab	47.073, 83.447, -81.384
Binary	11001111, 00110000, 11111000

#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#59f830
```
#59f830 rgb(89,248,48)
```

Complementary Color

#6b30f8
```
#6b30f8 rgb(107,48,248)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#f830bd
```
#f830bd rgb(248,48,189)
```

Analogous Color

#30f86b
```
#30f86b rgb(48,248,107)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#bdf830
```
#bdf830 rgb(189,248,48)
```

Split Complementary Color

#30f8cf
```
#30f8cf rgb(48,248,207)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#f8cf30
```
#f8cf30 rgb(248,207,48)
```

Triadic Color

#3059f8
```
#3059f8 rgb(48,89,248)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#f8cf30
```
#f8cf30 rgb(248,207,48)
```
#59f830
```
#59f830 rgb(89,248,48)
```

Tetradic Color

#aa07d4
```
#aa07d4 rgb(170,7,212)
```
#be08ed
```
#be08ed rgb(190,8,237)
```
#c917f7
```
#c917f7 rgb(201,23,247)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#d549f9
```
#d549f9 rgb(213,73,249)
```
#da61fa
```
#da61fa rgb(218,97,250)
```
#e07afb
```
#e07afb rgb(224,122,251)
```

Monochromatic Color

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

#9d30f8
```
#9d30f8 rgb(157,48,248)
```
#ae30f8
```
#ae30f8 rgb(174,48,248)
```
#be30f8
```
#be30f8 rgb(190,48,248)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#e030f8
```
#e030f8 rgb(224,48,248)
```
#f030f8
```
#f030f8 rgb(240,48,248)
```
#f830ef
```
#f830ef rgb(248,48,239)
```

Similar Colors

Text with hexadecimal color #cf30f8

This text has a font color of #cf30f8.

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

#cf30f8 background color

This paragraph has a background color of #cf30f8.

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

#cf30f8 border color

This element has a border color of #cf30f8.

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

CSS codes

.text {color:#cf30f8;}

.background {background-color:#cf30f8;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#110115
```
#110115 rgb(17,1,21)
```
#200128
```
#200128 rgb(32,1,40)
```
#2f023b
```
#2f023b rgb(47,2,59)
```
#3e034e
```
#3e034e rgb(62,3,78)
```
#4d0361
```
#4d0361 rgb(77,3,97)
```
#5d0474
```
#5d0474 rgb(93,4,116)
```
#6c0587
```
#6c0587 rgb(108,5,135)
```
#7b059a
```
#7b059a rgb(123,5,154)
```
#8a06ac
```
#8a06ac rgb(138,6,172)
```
#9a06bf
```
#9a06bf rgb(154,6,191)
```
#a907d2
```
#a907d2 rgb(169,7,210)
```
#b808e5
```
#b808e5 rgb(184,8,229)
```

Shade Color Variation

#c60af7
```
#c60af7 rgb(198,10,247)
```
#cb1df7
```
#cb1df7 rgb(203,29,247)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```
#d343f9
```
#d343f9 rgb(211,67,249)
```
#d856f9
```
#d856f9 rgb(216,86,249)
```
#dc69fa
```
#dc69fa rgb(220,105,250)
```
#e17cfb
```
#e17cfb rgb(225,124,251)
```
#e58ffb
```
#e58ffb rgb(229,143,251)
```
#e9a2fc
```
#e9a2fc rgb(233,162,252)
```
#eeb5fc
```
#eeb5fc rgb(238,181,252)
```
#f2c8fd
```
#f2c8fd rgb(242,200,253)
```
#f7dbfe
```
#f7dbfe rgb(247,219,254)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

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

#959395
```
#959395 rgb(149,147,149)
```
#9a8b9d
```
#9a8b9d rgb(154,139,157)
```
#9e82a6
```
#9e82a6 rgb(158,130,166)
```
#a37aae
```
#a37aae rgb(163,122,174)
```
#a872b6
```
#a872b6 rgb(168,114,182)
```
#ad6abe
```
#ad6abe rgb(173,106,190)
```
#b261c7
```
#b261c7 rgb(178,97,199)
```
#b759cf
```
#b759cf rgb(183,89,207)
```
#bc51d7
```
#bc51d7 rgb(188,81,215)
```
#c049df
```
#c049df rgb(192,73,223)
```
#c540e8
```
#c540e8 rgb(197,64,232)
```
#ca38f0
```
#ca38f0 rgb(202,56,240)
```
#cf30f8
```
#cf30f8 rgb(207,48,248)
```

Tone Color Variation

Below, you can see how #cf30f8 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
#886890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2084ff Protanopia 1% of men
#2b89e3 Deuteranopia 1% of men
#bd727a Tritanopia 0.001% of the population

Trichromacy

#5f65fc Protanomaly 1% of men, 0.01% of women
#6669ea Deuteranomaly 6% of men, 0.4% of women
#c35aa8 Tritanomaly 0.01% of the population

#cf30f8 hex color

#cf30f8 Color Information

#cf30f8 Color Conversion

Color Schemes with #cf30f8

Alternatives to #cf30f8

#cf30f8 Preview

Shades and Tints of #cf30f8

Tones of #cf30f8

Color Blindness Simulator