colorhexa.com

#cf80f2 hex color

In a RGB color space, hex #cf80f2 is composed of 81.2% red, 50.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 47.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 281.6 degrees, a saturation of 81.4% and a lightness of 72.5%. #cf80f2 color hex could be obtained by blending #ffffff with #9f01e5. Closest websafe color is: #cc99ff.

- R 81
- G 50
- B 95
RGB color chart
- C 14
- M 47
- Y 0
- K 5
CMYK color chart

● #cf80f2 color description : Soft violet.

The hexadecimal color #cf80f2 has RGB values of R:207, G:128, B:242 and CMYK values of C:0.14, M:0.47, Y:0, K:0.05. Its decimal value is 13598962.

Hex triplet	cf80f2	`#cf80f2`
RGB Decimal	207, 128, 242	`rgb(207,128,242)`
RGB Percent	81.2, 50.2, 94.9	`rgb(81.2%,50.2%,94.9%)`
CMYK	14, 47, 0, 5
HSL	281.6°, 81.4, 72.5	`hsl(281.6,81.4%,72.5%)`
HSV (or HSB)	281.6°, 47.1, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.839, 49.459, -45.316
XYZ	49.476, 35.116, 88.171
xyY	0.286, 0.203, 35.116
CIE-LCH	65.839, 67.08, 317.503
CIE-LUV	65.839, 32.145, -79.103
Hunter-Lab	59.259, 45.33, -46.737
Binary	11001111, 10000000, 11110010

#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#a3f280
```
#a3f280 rgb(163,242,128)
```

Complementary Color

#9680f2
```
#9680f2 rgb(150,128,242)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#f280dc
```
#f280dc rgb(242,128,220)
```

Analogous Color

#80f296
```
#80f296 rgb(128,242,150)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#dcf280
```
#dcf280 rgb(220,242,128)
```

Split Complementary Color

#80f2cf
```
#80f2cf rgb(128,242,207)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#f2cf80
```
#f2cf80 rgb(242,207,128)
```

Triadic Color

#80a3f2
```
#80a3f2 rgb(128,163,242)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#f2cf80
```
#f2cf80 rgb(242,207,128)
```
#a3f280
```
#a3f280 rgb(163,242,128)
```

Tetradic Color

#b53beb
```
#b53beb rgb(181,59,235)
```
#be52ed
```
#be52ed rgb(190,82,237)
```
#c669f0
```
#c669f0 rgb(198,105,240)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#d897f4
```
#d897f4 rgb(216,151,244)
```
#e0aef7
```
#e0aef7 rgb(224,174,247)
```
#e9c5f9
```
#e9c5f9 rgb(233,197,249)
```

Monochromatic Color

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

#b380f2
```
#b380f2 rgb(179,128,242)
```
#bc80f2
```
#bc80f2 rgb(188,128,242)
```
#c680f2
```
#c680f2 rgb(198,128,242)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#d980f2
```
#d980f2 rgb(217,128,242)
```
#e280f2
```
#e280f2 rgb(226,128,242)
```
#ec80f2
```
#ec80f2 rgb(236,128,242)
```

Similar Colors

Text with hexadecimal color #cf80f2

This text has a font color of #cf80f2.

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

#cf80f2 background color

This paragraph has a background color of #cf80f2.

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

#cf80f2 border color

This element has a border color of #cf80f2.

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

CSS codes

.text {color:#cf80f2;}

.background {background-color:#cf80f2;}

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

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

#0b020f
```
#0b020f rgb(11,2,15)
```
#180321
```
#180321 rgb(24,3,33)
```
#250533
```
#250533 rgb(37,5,51)
```
#320745
```
#320745 rgb(50,7,69)
```
#3f0957
```
#3f0957 rgb(63,9,87)
```
#4c0b68
```
#4c0b68 rgb(76,11,104)
```
#580d7a
```
#580d7a rgb(88,13,122)
```
#650e8c
```
#650e8c rgb(101,14,140)
```
#72109e
```
#72109e rgb(114,16,158)
```
#7f12af
```
#7f12af rgb(127,18,175)
```
#8c14c1
```
#8c14c1 rgb(140,20,193)
```
#9916d3
```
#9916d3 rgb(153,22,211)
```
#a617e5
```
#a617e5 rgb(166,23,229)
```

Shade Color Variation

#ad27e9
```
#ad27e9 rgb(173,39,233)
```
#b439eb
```
#b439eb rgb(180,57,235)
```
#bb4bed
```
#bb4bed rgb(187,75,237)
```
#c25cee
```
#c25cee rgb(194,92,238)
```
#c86ef0
```
#c86ef0 rgb(200,110,240)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#d692f4
```
#d692f4 rgb(214,146,244)
```
#dca4f6
```
#dca4f6 rgb(220,164,246)
```
#e3b5f7
```
#e3b5f7 rgb(227,181,247)
```
#eac7f9
```
#eac7f9 rgb(234,199,249)
```
#f1d9fb
```
#f1d9fb rgb(241,217,251)
```
#f7ebfd
```
#f7ebfd rgb(247,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#bab6bc
```
#bab6bc rgb(186,182,188)
```
#bcb0c2
```
#bcb0c2 rgb(188,176,194)
```
#beabc7
```
#beabc7 rgb(190,171,199)
```
#c0a6cc
```
#c0a6cc rgb(192,166,204)
```
#c3a0d2
```
#c3a0d2 rgb(195,160,210)
```
#c59bd7
```
#c59bd7 rgb(197,155,215)
```
#c796dc
```
#c796dc rgb(199,150,220)
```
#c990e2
```
#c990e2 rgb(201,144,226)
```
#cb8be7
```
#cb8be7 rgb(203,139,231)
```
#cd85ed
```
#cd85ed rgb(205,133,237)
```
#cf80f2
```
#cf80f2 rgb(207,128,242)
```
#d17bf7
```
#d17bf7 rgb(209,123,247)
```
#d375fd
```
#d375fd rgb(211,117,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#ad9eb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ca1ff Protanopia 1% of men
#86a3e9 Deuteranopia 1% of men
#c39aa4 Tritanopia 0.001% of the population

Trichromacy

#9a95fa Protanomaly 1% of men, 0.01% of women
#a096ec Deuteranomaly 6% of men, 0.4% of women
#c790c0 Tritanomaly 0.01% of the population