#c2c2ff hex color

In a RGB color space, hex #c2c2ff is composed of 76.1% red, 76.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 23.9% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 88%. #c2c2ff color hex could be obtained by blending #ffffff with #8585ff. Closest websafe color is: #ccccff.

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

● #c2c2ff color description : Very pale blue.

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

Hex triplet	c2c2ff	`#c2c2ff`
RGB Decimal	194, 194, 255	`rgb(194,194,255)`
RGB Percent	76.1, 76.1, 100	`rgb(76.1%,76.1%,100%)`
CMYK	24, 24, 0, 0
HSL	240°, 100, 88	`hsl(240,100%,88%)`
HSV (or HSB)	240°, 23.9, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.332, 12.704, -29.934
XYZ	59.586, 57.272, 102.518
xyY	0.272, 0.261, 57.272
CIE-LCH	80.332, 32.518, 292.997
CIE-LUV	80.332, -3.619, -50.107
Hunter-Lab	75.678, 8.107, -27.342
Binary	11000010, 11000010, 11111111

#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#ffffc2
```
#ffffc2 rgb(255,255,194)
```

Complementary Color

#c2e1ff
```
#c2e1ff rgb(194,225,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#e1c2ff
```
#e1c2ff rgb(225,194,255)
```

Analogous Color

#e1ffc2
```
#e1ffc2 rgb(225,255,194)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#ffe1c2
```
#ffe1c2 rgb(255,225,194)
```

Split Complementary Color

#c2ffc2
```
#c2ffc2 rgb(194,255,194)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#ffc2c2
```
#ffc2c2 rgb(255,194,194)
```

Triadic Color

#c2ffff
```
#c2ffff rgb(194,255,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#ffc2c2
```
#ffc2c2 rgb(255,194,194)
```
#ffffc2
```
#ffffc2 rgb(255,255,194)
```

Tetradic Color

#7676ff
```
#7676ff rgb(118,118,255)
```
#8f8fff
```
#8f8fff rgb(143,143,255)
```
#a9a9ff
```
#a9a9ff rgb(169,169,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#dcdcff
```
#dcdcff rgb(220,220,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#c2ccff
```
#c2ccff rgb(194,204,255)
```
#c2c7ff
```
#c2c7ff rgb(194,199,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#c7c2ff
```
#c7c2ff rgb(199,194,255)
```
#ccc2ff
```
#ccc2ff rgb(204,194,255)
```
#d1c2ff
```
#d1c2ff rgb(209,194,255)
```

Similar Colors

Text with hexadecimal color #c2c2ff

This text has a font color of #c2c2ff.

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

#c2c2ff background color

This paragraph has a background color of #c2c2ff.

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

#c2c2ff border color

This element has a border color of #c2c2ff.

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

CSS codes

.text {color:#c2c2ff;}

.background {background-color:#c2c2ff;}

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

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

#000011
```
#000011 rgb(0,0,17)
```
#000025
```
#000025 rgb(0,0,37)
```
#000039
```
#000039 rgb(0,0,57)
```
#00004c
```
#00004c rgb(0,0,76)
```
#000060
```
#000060 rgb(0,0,96)
```
#000074
```
#000074 rgb(0,0,116)
```
#000087
```
#000087 rgb(0,0,135)
```
#00009b
```
#00009b rgb(0,0,155)
```
#0000ae
```
#0000ae rgb(0,0,174)
```
#0000c2
```
#0000c2 rgb(0,0,194)
```
#0000d6
```
#0000d6 rgb(0,0,214)
```
#0000e9
```
#0000e9 rgb(0,0,233)
```
#0000fd
```
#0000fd rgb(0,0,253)
```

Shade Color Variation

#1111ff
```
#1111ff rgb(17,17,255)
```
#2525ff
```
#2525ff rgb(37,37,255)
```
#3939ff
```
#3939ff rgb(57,57,255)
```
#4c4cff
```
#4c4cff rgb(76,76,255)
```
#6060ff
```
#6060ff rgb(96,96,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#8787ff
```
#8787ff rgb(135,135,255)
```
#9b9bff
```
#9b9bff rgb(155,155,255)
```
#aeaeff
```
#aeaeff rgb(174,174,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```
#d6d6ff
```
#d6d6ff rgb(214,214,255)
```
#e9e9ff
```
#e9e9ff rgb(233,233,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#dedee3
```
#dedee3 rgb(222,222,227)
```
#dcdce5
```
#dcdce5 rgb(220,220,229)
```
#d9d9e8
```
#d9d9e8 rgb(217,217,232)
```
#d7d7ea
```
#d7d7ea rgb(215,215,234)
```
#d5d5ec
```
#d5d5ec rgb(213,213,236)
```
#d2d2ef
```
#d2d2ef rgb(210,210,239)
```
#d0d0f1
```
#d0d0f1 rgb(208,208,241)
```
#cecef3
```
#cecef3 rgb(206,206,243)
```
#cbcbf6
```
#cbcbf6 rgb(203,203,246)
```
#c9c9f8
```
#c9c9f8 rgb(201,201,248)
```
#c7c7fa
```
#c7c7fa rgb(199,199,250)
```
#c4c4fd
```
#c4c4fd rgb(196,196,253)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c8c8d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac8ff Protanopia 1% of men
#bfc6fe Deuteranopia 1% of men
#bcccda Tritanopia 0.001% of the population

Trichromacy

#bdc5ff Protanomaly 1% of men, 0.01% of women
#c0c5fe Deuteranomaly 6% of men, 0.4% of women
#bec8e7 Tritanomaly 0.01% of the population

#c2c2ff hex color

#c2c2ff Color Information

#c2c2ff Color Conversion

Color Schemes with #c2c2ff

Alternatives to #c2c2ff

#c2c2ff Preview

Shades and Tints of #c2c2ff

Tones of #c2c2ff

Color Blindness Simulator