#c2c2f5 hex color

In a RGB color space, hex #c2c2f5 is composed of 76.1% red, 76.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 20.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 240 degrees, a saturation of 71.8% and a lightness of 86.1%. #c2c2f5 color hex could be obtained by blending #ffffff with #8585eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 76
- B 96
RGB color chart
- C 21
- M 21
- Y 0
- K 4
CMYK color chart

● #c2c2f5 color description : Very soft blue.

The hexadecimal color #c2c2f5 has RGB values of R:194, G:194, B:245 and CMYK values of C:0.21, M:0.21, Y:0, K:0.04. Its decimal value is 12763893.

Hex triplet	c2c2f5	`#c2c2f5`
RGB Decimal	194, 194, 245	`rgb(194,194,245)`
RGB Percent	76.1, 76.1, 96.1	`rgb(76.1%,76.1%,96.1%)`
CMYK	21, 21, 0, 4
HSL	240°, 71.8, 86.1	`hsl(240,71.8%,86.1%)`
HSV (or HSB)	240°, 20.8, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.979, 10.438, -25.13
XYZ	58.018, 56.645, 94.258
xyY	0.278, 0.271, 56.645
CIE-LCH	79.979, 27.211, 292.556
CIE-LUV	79.979, -3.012, -41.69
Hunter-Lab	75.263, 5.891, -21.57
Binary	11000010, 11000010, 11110101

#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#f5f5c2
```
#f5f5c2 rgb(245,245,194)
```

Complementary Color

#c2dcf5
```
#c2dcf5 rgb(194,220,245)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#dcc2f5
```
#dcc2f5 rgb(220,194,245)
```

Analogous Color

#dcf5c2
```
#dcf5c2 rgb(220,245,194)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#f5dcc2
```
#f5dcc2 rgb(245,220,194)
```

Split Complementary Color

#c2f5c2
```
#c2f5c2 rgb(194,245,194)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#f5c2c2
```
#f5c2c2 rgb(245,194,194)
```

Triadic Color

#c2f5f5
```
#c2f5f5 rgb(194,245,245)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#f5c2c2
```
#f5c2c2 rgb(245,194,194)
```
#f5f5c2
```
#f5f5c2 rgb(245,245,194)
```

Tetradic Color

#8080ea
```
#8080ea rgb(128,128,234)
```
#9696ee
```
#9696ee rgb(150,150,238)
```
#acacf1
```
#acacf1 rgb(172,172,241)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#d8d8f9
```
#d8d8f9 rgb(216,216,249)
```
#eeeefc
```
#eeeefc rgb(238,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2cff5
```
#c2cff5 rgb(194,207,245)
```
#c2cbf5
```
#c2cbf5 rgb(194,203,245)
```
#c2c6f5
```
#c2c6f5 rgb(194,198,245)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#c6c2f5
```
#c6c2f5 rgb(198,194,245)
```
#cbc2f5
```
#cbc2f5 rgb(203,194,245)
```
#cfc2f5
```
#cfc2f5 rgb(207,194,245)
```

Similar Colors

Text with hexadecimal color #c2c2f5

This text has a font color of #c2c2f5.

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

#c2c2f5 background color

This paragraph has a background color of #c2c2f5.

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

#c2c2f5 border color

This element has a border color of #c2c2f5.

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

CSS codes

.text {color:#c2c2f5;}

.background {background-color:#c2c2f5;}

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

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

#010106
```
#010106 rgb(1,1,6)
```
#040417
```
#040417 rgb(4,4,23)
```
#070728
```
#070728 rgb(7,7,40)
```
#090939
```
#090939 rgb(9,9,57)
```
#0c0c4a
```
#0c0c4a rgb(12,12,74)
```
#0f0f5b
```
#0f0f5b rgb(15,15,91)
```
#12126c
```
#12126c rgb(18,18,108)
```
#14147c
```
#14147c rgb(20,20,124)
```
#17178d
```
#17178d rgb(23,23,141)
```
#1a1a9e
```
#1a1a9e rgb(26,26,158)
```
#1d1daf
```
#1d1daf rgb(29,29,175)
```
#1f1fc0
```
#1f1fc0 rgb(31,31,192)
```
#2222d1
```
#2222d1 rgb(34,34,209)
```

Shade Color Variation

#2a2adc
```
#2a2adc rgb(42,42,220)
```
#3b3bdf
```
#3b3bdf rgb(59,59,223)
```
#4c4ce2
```
#4c4ce2 rgb(76,76,226)
```
#5d5de4
```
#5d5de4 rgb(93,93,228)
```
#6e6ee7
```
#6e6ee7 rgb(110,110,231)
```
#7f7fea
```
#7f7fea rgb(127,127,234)
```
#8f8fed
```
#8f8fed rgb(143,143,237)
```
#a0a0ef
```
#a0a0ef rgb(160,160,239)
```
#b1b1f2
```
#b1b1f2 rgb(177,177,242)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#d3d3f8
```
#d3d3f8 rgb(211,211,248)
```
#e4e4fb
```
#e4e4fb rgb(228,228,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8d8df
```
#d8d8df rgb(216,216,223)
```
#d5d5e2
```
#d5d5e2 rgb(213,213,226)
```
#d2d2e5
```
#d2d2e5 rgb(210,210,229)
```
#d0d0e7
```
#d0d0e7 rgb(208,208,231)
```
#cdcdea
```
#cdcdea rgb(205,205,234)
```
#cacaed
```
#cacaed rgb(202,202,237)
```
#c7c7f0
```
#c7c7f0 rgb(199,199,240)
```
#c5c5f2
```
#c5c5f2 rgb(197,197,242)
```
#c2c2f5
```
#c2c2f5 rgb(194,194,245)
```
#bfbff8
```
#bfbff8 rgb(191,191,248)
```
#bdbdfa
```
#bdbdfa rgb(189,189,250)
```
#babafd
```
#babafd rgb(186,186,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c7c7d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc7f6 Protanopia 1% of men
#c4c5f5 Deuteranopia 1% of men
#becad9 Tritanopia 0.001% of the population

Trichromacy

#bec5f6 Protanomaly 1% of men, 0.01% of women
#c3c4f5 Deuteranomaly 6% of men, 0.4% of women
#bfc7e3 Tritanomaly 0.01% of the population

#c2c2f5 hex color

#c2c2f5 Color Information

#c2c2f5 Color Conversion

Color Schemes with #c2c2f5

Alternatives to #c2c2f5

#c2c2f5 Preview

Shades and Tints of #c2c2f5

Tones of #c2c2f5

Color Blindness Simulator