#cf54ff hex color

In a RGB color space, hex #cf54ff is composed of 81.2% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 283.2 degrees, a saturation of 100% and a lightness of 66.5%. #cf54ff color hex could be obtained by blending #ffa8ff with #9f00ff. Closest websafe color is: #cc66ff.

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

● #cf54ff color description : Light violet.

The hexadecimal color #cf54ff has RGB values of R:207, G:84, B:255 and CMYK values of C:0.19, M:0.67, Y:0, K:0. Its decimal value is 13587711.

Hex triplet	cf54ff	`#cf54ff`
RGB Decimal	207, 84, 255	`rgb(207,84,255)`
RGB Percent	81.2, 32.9, 100	`rgb(81.2%,32.9%,100%)`
CMYK	19, 67, 0, 0
HSL	283.2°, 100, 66.5	`hsl(283.2,100%,66.5%)`
HSV (or HSB)	283.2°, 67.1, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.815, 72.771, -63.655
XYZ	46.95, 26.828, 97.307
xyY	0.274, 0.157, 26.828
CIE-LCH	58.815, 96.683, 318.823
CIE-LUV	58.815, 42.438, -109.046
Hunter-Lab	51.795, 71.16, -75.13
Binary	11001111, 01010100, 11111111

#cf54ff
```
#cf54ff rgb(207,84,255)
```
#84ff54
```
#84ff54 rgb(132,255,84)
```

Complementary Color

#7a54ff
```
#7a54ff rgb(122,84,255)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#ff54da
```
#ff54da rgb(255,84,218)
```

Analogous Color

#54ff7a
```
#54ff7a rgb(84,255,122)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#daff54
```
#daff54 rgb(218,255,84)
```

Split Complementary Color

#54ffcf
```
#54ffcf rgb(84,255,207)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#ffcf54
```
#ffcf54 rgb(255,207,84)
```

Triadic Color

#5484ff
```
#5484ff rgb(84,132,255)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#ffcf54
```
#ffcf54 rgb(255,207,84)
```
#84ff54
```
#84ff54 rgb(132,255,84)
```

Tetradic Color

#ba07ff
```
#ba07ff rgb(186,7,255)
```
#c121ff
```
#c121ff rgb(193,33,255)
```
#c83bff
```
#c83bff rgb(200,59,255)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#d66eff
```
#d66eff rgb(214,110,255)
```
#dd87ff
```
#dd87ff rgb(221,135,255)
```
#e4a1ff
```
#e4a1ff rgb(228,161,255)
```

Monochromatic Color

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

#a454ff
```
#a454ff rgb(164,84,255)
```
#b354ff
```
#b354ff rgb(179,84,255)
```
#c154ff
```
#c154ff rgb(193,84,255)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#dd54ff
```
#dd54ff rgb(221,84,255)
```
#ec54ff
```
#ec54ff rgb(236,84,255)
```
#fa54ff
```
#fa54ff rgb(250,84,255)
```

Similar Colors

Text with hexadecimal color #cf54ff

This text has a font color of #cf54ff.

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

#cf54ff background color

This paragraph has a background color of #cf54ff.

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

#cf54ff border color

This element has a border color of #cf54ff.

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

CSS codes

.text {color:#cf54ff;}

.background {background-color:#cf54ff;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#120019
```
#120019 rgb(18,0,25)
```
#20002d
```
#20002d rgb(32,0,45)
```
#2e0040
```
#2e0040 rgb(46,0,64)
```
#3c0054
```
#3c0054 rgb(60,0,84)
```
#4b0068
```
#4b0068 rgb(75,0,104)
```
#59007b
```
#59007b rgb(89,0,123)
```
#67008f
```
#67008f rgb(103,0,143)
```
#7500a2
```
#7500a2 rgb(117,0,162)
```
#8300b6
```
#8300b6 rgb(131,0,182)
```
#9100ca
```
#9100ca rgb(145,0,202)
```
#9f00dd
```
#9f00dd rgb(159,0,221)
```
#ad00f1
```
#ad00f1 rgb(173,0,241)
```

Shade Color Variation

#b906ff
```
#b906ff rgb(185,6,255)
```
#be19ff
```
#be19ff rgb(190,25,255)
```
#c42dff
```
#c42dff rgb(196,45,255)
```
#c940ff
```
#c940ff rgb(201,64,255)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```
#d568ff
```
#d568ff rgb(213,104,255)
```
#da7bff
```
#da7bff rgb(218,123,255)
```
#e08fff
```
#e08fff rgb(224,143,255)
```
#e5a2ff
```
#e5a2ff rgb(229,162,255)
```
#ebb6ff
```
#ebb6ff rgb(235,182,255)
```
#f0caff
```
#f0caff rgb(240,202,255)
```
#f6ddff
```
#f6ddff rgb(246,221,255)
```
#fbf1ff
```
#fbf1ff rgb(251,241,255)
```

Tint Color Variation

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

#aca3b0
```
#aca3b0 rgb(172,163,176)
```
#af9cb7
```
#af9cb7 rgb(175,156,183)
```
#b296bd
```
#b296bd rgb(178,150,189)
```
#b58fc4
```
#b58fc4 rgb(181,143,196)
```
#b889ca
```
#b889ca rgb(184,137,202)
```
#bb82d1
```
#bb82d1 rgb(187,130,209)
```
#be7bd8
```
#be7bd8 rgb(190,123,216)
```
#c175de
```
#c175de rgb(193,117,222)
```
#c36ee5
```
#c36ee5 rgb(195,110,229)
```
#c668eb
```
#c668eb rgb(198,104,235)
```
#c961f2
```
#c961f2 rgb(201,97,242)
```
#cc5bf8
```
#cc5bf8 rgb(204,91,248)
```
#cf54ff
```
#cf54ff rgb(207,84,255)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9981a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5390ff Protanopia 1% of men
#4a94ed Deuteranopia 1% of men
#bd838c Tritanopia 0.001% of the population

Trichromacy

#807aff Protanomaly 1% of men, 0.01% of women
#7a7df4 Deuteranomaly 6% of men, 0.4% of women
#c372b6 Tritanomaly 0.01% of the population

#cf54ff hex color

#cf54ff Color Information

#cf54ff Color Conversion

Color Schemes with #cf54ff

Alternatives to #cf54ff

#cf54ff Preview

Shades and Tints of #cf54ff

Tones of #cf54ff

Color Blindness Simulator