#c225ff hex color

In a RGB color space, hex #c225ff is composed of 76.1% red, 14.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 85.5% magenta, 0% yellow and 0% black. It has a hue angle of 283.2 degrees, a saturation of 100% and a lightness of 57.3%. #c225ff color hex could be obtained by blending #ff4aff with #8500ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 76
- G 15
- B 100
RGB color chart
- C 24
- M 85
- Y 0
- K 0
CMYK color chart

● #c225ff color description : Vivid violet.

The hexadecimal color #c225ff has RGB values of R:194, G:37, B:255 and CMYK values of C:0.24, M:0.85, Y:0, K:0. Its decimal value is 12723711.

Hex triplet	c225ff	`#c225ff`
RGB Decimal	194, 37, 255	`rgb(194,37,255)`
RGB Percent	76.1, 14.5, 100	`rgb(76.1%,14.5%,100%)`
CMYK	24, 85, 0, 0
HSL	283.2°, 100, 57.3	`hsl(283.2,100%,57.3%)`
HSV (or HSB)	283.2°, 85.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.853, 85.19, -74.996
XYZ	40.957, 20.014, 96.308
xyY	0.26, 0.127, 20.014
CIE-LCH	51.853, 113.498, 318.642
CIE-LUV	51.853, 41.908, -122.997
Hunter-Lab	44.737, 85.13, -96.321
Binary	11000010, 00100101, 11111111

#c225ff
```
#c225ff rgb(194,37,255)
```
#62ff25
```
#62ff25 rgb(98,255,37)
```

Complementary Color

#5525ff
```
#5525ff rgb(85,37,255)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#ff25cf
```
#ff25cf rgb(255,37,207)
```

Analogous Color

#25ff55
```
#25ff55 rgb(37,255,85)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#cfff25
```
#cfff25 rgb(207,255,37)
```

Split Complementary Color

#25ffc2
```
#25ffc2 rgb(37,255,194)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#ffc225
```
#ffc225 rgb(255,194,37)
```

Triadic Color

#2562ff
```
#2562ff rgb(37,98,255)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#ffc225
```
#ffc225 rgb(255,194,37)
```
#62ff25
```
#62ff25 rgb(98,255,37)
```

Tetradic Color

#9b00d8
```
#9b00d8 rgb(155,0,216)
```
#ae00f1
```
#ae00f1 rgb(174,0,241)
```
#bb0cff
```
#bb0cff rgb(187,12,255)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#c93fff
```
#c93fff rgb(201,63,255)
```
#d058ff
```
#d058ff rgb(208,88,255)
```
#d772ff
```
#d772ff rgb(215,114,255)
```

Monochromatic Color

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

#8c25ff
```
#8c25ff rgb(140,37,255)
```
#9e25ff
```
#9e25ff rgb(158,37,255)
```
#b025ff
```
#b025ff rgb(176,37,255)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#d425ff
```
#d425ff rgb(212,37,255)
```
#e625ff
```
#e625ff rgb(230,37,255)
```
#f925ff
```
#f925ff rgb(249,37,255)
```

Similar Colors

Text with hexadecimal color #c225ff

This text has a font color of #c225ff.

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

#c225ff background color

This paragraph has a background color of #c225ff.

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

#c225ff border color

This element has a border color of #c225ff.

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

CSS codes

.text {color:#c225ff;}

.background {background-color:#c225ff;}

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

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

#0d0011
```
#0d0011 rgb(13,0,17)
```
#1b0025
```
#1b0025 rgb(27,0,37)
```
#290039
```
#290039 rgb(41,0,57)
```
#37004c
```
#37004c rgb(55,0,76)
```
#450060
```
#450060 rgb(69,0,96)
```
#530073
```
#530073 rgb(83,0,115)
```
#610087
```
#610087 rgb(97,0,135)
```
#6f009b
```
#6f009b rgb(111,0,155)
```
#7e00ae
```
#7e00ae rgb(126,0,174)
```
#8c00c2
```
#8c00c2 rgb(140,0,194)
```
#9a00d6
```
#9a00d6 rgb(154,0,214)
```
#a800e9
```
#a800e9 rgb(168,0,233)
```
#b600fd
```
#b600fd rgb(182,0,253)
```

Shade Color Variation

#bd11ff
```
#bd11ff rgb(189,17,255)
```
#c225ff
```
#c225ff rgb(194,37,255)
```
#c739ff
```
#c739ff rgb(199,57,255)
```
#cd4cff
```
#cd4cff rgb(205,76,255)
```
#d260ff
```
#d260ff rgb(210,96,255)
```
#d873ff
```
#d873ff rgb(216,115,255)
```
#dd87ff
```
#dd87ff rgb(221,135,255)
```
#e39bff
```
#e39bff rgb(227,155,255)
```
#e8aeff
```
#e8aeff rgb(232,174,255)
```
#eec2ff
```
#eec2ff rgb(238,194,255)
```
#f3d6ff
```
#f3d6ff rgb(243,214,255)
```
#f9e9ff
```
#f9e9ff rgb(249,233,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#968a9a
```
#968a9a rgb(150,138,154)
```
#9981a3
```
#9981a3 rgb(153,129,163)
```
#9d79ab
```
#9d79ab rgb(157,121,171)
```
#a170b4
```
#a170b4 rgb(161,112,180)
```
#a468bc
```
#a468bc rgb(164,104,188)
```
#a860c4
```
#a860c4 rgb(168,96,196)
```
#ac57cd
```
#ac57cd rgb(172,87,205)
```
#b04fd5
```
#b04fd5 rgb(176,79,213)
```
#b347dd
```
#b347dd rgb(179,71,221)
```
#b73ee6
```
#b73ee6 rgb(183,62,230)
```
#bb36ee
```
#bb36ee rgb(187,54,238)
```
#be2df7
```
#be2df7 rgb(190,45,247)
```
#c225ff
```
#c225ff rgb(194,37,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7e5f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0084db Deuteranopia 1% of men
#ac727a Tritanopia 0.001% of the population

Trichromacy

#465ef9 Protanomaly 1% of men, 0.01% of women
#4662e8 Deuteranomaly 6% of men, 0.4% of women
#b456aa Tritanomaly 0.01% of the population

#c225ff hex color

#c225ff Color Information

#c225ff Color Conversion

Color Schemes with #c225ff

Alternatives to #c225ff

#c225ff Preview

Shades and Tints of #c225ff

Tones of #c225ff

Color Blindness Simulator