#cf3ff4 hex color

In a RGB color space, hex #cf3ff4 is composed of 81.2% red, 24.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 74.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 287.7 degrees, a saturation of 89.2% and a lightness of 60.2%. #cf3ff4 color hex could be obtained by blending #ff7eff with #9f00e9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 25
- B 96
RGB color chart
- C 15
- M 74
- Y 0
- K 4
CMYK color chart

● #cf3ff4 color description : Bright magenta.

The hexadecimal color #cf3ff4 has RGB values of R:207, G:63, B:244 and CMYK values of C:0.15, M:0.74, Y:0, K:0.04. Its decimal value is 13582324.

Hex triplet	cf3ff4	`#cf3ff4`
RGB Decimal	207, 63, 244	`rgb(207,63,244)`
RGB Percent	81.2, 24.7, 95.7	`rgb(81.2%,24.7%,95.7%)`
CMYK	15, 74, 0, 4
HSL	287.7°, 89.2, 60.2	`hsl(287.7,89.2%,60.2%)`
HSV (or HSB)	287.7°, 74.2, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.435, 78.401, -62.978
XYZ	43.837, 23.354, 87.782
xyY	0.283, 0.151, 23.354
CIE-LCH	55.435, 100.563, 321.226
CIE-LUV	55.435, 49.618, -107.131
Hunter-Lab	48.326, 77.348, -73.869
Binary	11001111, 00111111, 11110100

#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#64f43f
```
#64f43f rgb(100,244,63)
```

Complementary Color

#753ff4
```
#753ff4 rgb(117,63,244)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#f43fbf
```
#f43fbf rgb(244,63,191)
```

Analogous Color

#3ff475
```
#3ff475 rgb(63,244,117)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#bff43f
```
#bff43f rgb(191,244,63)
```

Split Complementary Color

#3ff4cf
```
#3ff4cf rgb(63,244,207)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#f4cf3f
```
#f4cf3f rgb(244,207,63)
```

Triadic Color

#3f64f4
```
#3f64f4 rgb(63,100,244)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#f4cf3f
```
#f4cf3f rgb(244,207,63)
```
#64f43f
```
#64f43f rgb(100,244,63)
```

Tetradic Color

#b00cda
```
#b00cda rgb(176,12,218)
```
#c30ff1
```
#c30ff1 rgb(195,15,241)
```
#c927f3
```
#c927f3 rgb(201,39,243)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#d557f5
```
#d557f5 rgb(213,87,245)
```
#db6ff7
```
#db6ff7 rgb(219,111,247)
```
#e187f8
```
#e187f8 rgb(225,135,248)
```

Monochromatic Color

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

#a23ff4
```
#a23ff4 rgb(162,63,244)
```
#b13ff4
```
#b13ff4 rgb(177,63,244)
```
#c03ff4
```
#c03ff4 rgb(192,63,244)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#de3ff4
```
#de3ff4 rgb(222,63,244)
```
#ed3ff4
```
#ed3ff4 rgb(237,63,244)
```
#f43fec
```
#f43fec rgb(244,63,236)
```

Similar Colors

Text with hexadecimal color #cf3ff4

This text has a font color of #cf3ff4.

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

#cf3ff4 background color

This paragraph has a background color of #cf3ff4.

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

#cf3ff4 border color

This element has a border color of #cf3ff4.

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

CSS codes

.text {color:#cf3ff4;}

.background {background-color:#cf3ff4;}

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

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

#0a010c
```
#0a010c rgb(10,1,12)
```
#19021f
```
#19021f rgb(25,2,31)
```
#280331
```
#280331 rgb(40,3,49)
```
#370444
```
#370444 rgb(55,4,68)
```
#460556
```
#460556 rgb(70,5,86)
```
#550669
```
#550669 rgb(85,6,105)
```
#64077b
```
#64077b rgb(100,7,123)
```
#73088e
```
#73088e rgb(115,8,142)
```
#8209a0
```
#8209a0 rgb(130,9,160)
```
#910ab3
```
#910ab3 rgb(145,10,179)
```
#a00bc6
```
#a00bc6 rgb(160,11,198)
```
#ae0cd8
```
#ae0cd8 rgb(174,12,216)
```
#bd0deb
```
#bd0deb rgb(189,13,235)
```

Shade Color Variation

#c61af2
```
#c61af2 rgb(198,26,242)
```
#ca2cf3
```
#ca2cf3 rgb(202,44,243)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#d452f5
```
#d452f5 rgb(212,82,245)
```
#d864f6
```
#d864f6 rgb(216,100,246)
```
#dd77f7
```
#dd77f7 rgb(221,119,247)
```
#e289f8
```
#e289f8 rgb(226,137,248)
```
#e69cf9
```
#e69cf9 rgb(230,156,249)
```
#ebaefa
```
#ebaefa rgb(235,174,250)
```
#efc1fb
```
#efc1fb rgb(239,193,251)
```
#f4d3fd
```
#f4d3fd rgb(244,211,253)
```
#f9e6fe
```
#f9e6fe rgb(249,230,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#9c959e
```
#9c959e rgb(156,149,158)
```
#a18da6
```
#a18da6 rgb(161,141,166)
```
#a585ae
```
#a585ae rgb(165,133,174)
```
#aa7db6
```
#aa7db6 rgb(170,125,182)
```
#af76bd
```
#af76bd rgb(175,118,189)
```
#b36ec5
```
#b36ec5 rgb(179,110,197)
```
#b866cd
```
#b866cd rgb(184,102,205)
```
#bd5ed5
```
#bd5ed5 rgb(189,94,213)
```
#c156dd
```
#c156dd rgb(193,86,221)
```
#c64fe4
```
#c64fe4 rgb(198,79,228)
```
#ca47ec
```
#ca47ec rgb(202,71,236)
```
#cf3ff4
```
#cf3ff4 rgb(207,63,244)
```
#d437fc
```
#d437fc rgb(212,55,252)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8f7296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3587ff Protanopia 1% of men
#438ce1 Deuteranopia 1% of men
#be767e Tritanopia 0.001% of the population

Trichromacy

#6d6dfb Protanomaly 1% of men, 0.01% of women
#7670e8 Deuteranomaly 6% of men, 0.4% of women
#c462a9 Tritanomaly 0.01% of the population

#cf3ff4 hex color

#cf3ff4 Color Information

#cf3ff4 Color Conversion

Color Schemes with #cf3ff4

Alternatives to #cf3ff4

#cf3ff4 Preview

Shades and Tints of #cf3ff4

Tones of #cf3ff4

Color Blindness Simulator