#c4c4f2 hex color

In a RGB color space, hex #c4c4f2 is composed of 76.9% red, 76.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 19% magenta, 0% yellow and 5.1% black. It has a hue angle of 240 degrees, a saturation of 63.9% and a lightness of 85.9%. #c4c4f2 color hex could be obtained by blending #ffffff with #8989e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 77
- B 95
RGB color chart
- C 19
- M 19
- Y 0
- K 5
CMYK color chart

● #c4c4f2 color description : Light grayish blue.

The hexadecimal color #c4c4f2 has RGB values of R:196, G:196, B:242 and CMYK values of C:0.19, M:0.19, Y:0, K:0.05. Its decimal value is 12895474.

Hex triplet	c4c4f2	`#c4c4f2`
RGB Decimal	196, 196, 242	`rgb(196,196,242)`
RGB Percent	76.9, 76.9, 94.9	`rgb(76.9%,76.9%,94.9%)`
CMYK	19, 19, 0, 5
HSL	240°, 63.9, 85.9	`hsl(240,63.9%,85.9%)`
HSV (or HSB)	240°, 19, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.53, 9.304, -22.672
XYZ	58.529, 57.626, 92.039
xyY	0.281, 0.277, 57.626
CIE-LCH	80.53, 24.507, 292.312
CIE-LUV	80.53, -2.708, -37.472
Hunter-Lab	75.912, 4.78, -18.748
Binary	11000100, 11000100, 11110010

#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#f2f2c4
```
#f2f2c4 rgb(242,242,196)
```

Complementary Color

#c4dbf2
```
#c4dbf2 rgb(196,219,242)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#dbc4f2
```
#dbc4f2 rgb(219,196,242)
```

Analogous Color

#dbf2c4
```
#dbf2c4 rgb(219,242,196)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#f2dbc4
```
#f2dbc4 rgb(242,219,196)
```

Split Complementary Color

#c4f2c4
```
#c4f2c4 rgb(196,242,196)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#f2c4c4
```
#f2c4c4 rgb(242,196,196)
```

Triadic Color

#c4f2f2
```
#c4f2f2 rgb(196,242,242)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#f2c4c4
```
#f2c4c4 rgb(242,196,196)
```
#f2f2c4
```
#f2f2c4 rgb(242,242,196)
```

Tetradic Color

#8585e4
```
#8585e4 rgb(133,133,228)
```
#9a9ae9
```
#9a9ae9 rgb(154,154,233)
```
#afafed
```
#afafed rgb(175,175,237)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#d9d9f7
```
#d9d9f7 rgb(217,217,247)
```
#eeeefb
```
#eeeefb rgb(238,238,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c4d0f2
```
#c4d0f2 rgb(196,208,242)
```
#c4ccf2
```
#c4ccf2 rgb(196,204,242)
```
#c4c8f2
```
#c4c8f2 rgb(196,200,242)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#c8c4f2
```
#c8c4f2 rgb(200,196,242)
```
#ccc4f2
```
#ccc4f2 rgb(204,196,242)
```
#d0c4f2
```
#d0c4f2 rgb(208,196,242)
```

Similar Colors

Text with hexadecimal color #c4c4f2

This text has a font color of #c4c4f2.

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

#c4c4f2 background color

This paragraph has a background color of #c4c4f2.

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

#c4c4f2 border color

This element has a border color of #c4c4f2.

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

CSS codes

.text {color:#c4c4f2;}

.background {background-color:#c4c4f2;}

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

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

#010105
```
#010105 rgb(1,1,5)
```
#050515
```
#050515 rgb(5,5,21)
```
#080825
```
#080825 rgb(8,8,37)
```
#0c0c36
```
#0c0c36 rgb(12,12,54)
```
#0f0f46
```
#0f0f46 rgb(15,15,70)
```
#131356
```
#131356 rgb(19,19,86)
```
#161666
```
#161666 rgb(22,22,102)
```
#1a1a76
```
#1a1a76 rgb(26,26,118)
```
#1e1e86
```
#1e1e86 rgb(30,30,134)
```
#212196
```
#212196 rgb(33,33,150)
```
#2525a6
```
#2525a6 rgb(37,37,166)
```
#2828b6
```
#2828b6 rgb(40,40,182)
```
#2c2cc6
```
#2c2cc6 rgb(44,44,198)
```

Shade Color Variation

#3333d2
```
#3333d2 rgb(51,51,210)
```
#4343d6
```
#4343d6 rgb(67,67,214)
```
#5353d9
```
#5353d9 rgb(83,83,217)
```
#6464dd
```
#6464dd rgb(100,100,221)
```
#7474e0
```
#7474e0 rgb(116,116,224)
```
#8484e4
```
#8484e4 rgb(132,132,228)
```
#9494e7
```
#9494e7 rgb(148,148,231)
```
#a4a4eb
```
#a4a4eb rgb(164,164,235)
```
#b4b4ee
```
#b4b4ee rgb(180,180,238)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#d4d4f6
```
#d4d4f6 rgb(212,212,246)
```
#e4e4f9
```
#e4e4f9 rgb(228,228,249)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Tint Color Variation

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

#dadadc
```
#dadadc rgb(218,218,220)
```
#d7d7df
```
#d7d7df rgb(215,215,223)
```
#d5d5e1
```
#d5d5e1 rgb(213,213,225)
```
#d2d2e4
```
#d2d2e4 rgb(210,210,228)
```
#cfcfe7
```
#cfcfe7 rgb(207,207,231)
```
#ccccea
```
#ccccea rgb(204,204,234)
```
#cacaec
```
#cacaec rgb(202,202,236)
```
#c7c7ef
```
#c7c7ef rgb(199,199,239)
```
#c4c4f2
```
#c4c4f2 rgb(196,196,242)
```
#c1c1f5
```
#c1c1f5 rgb(193,193,245)
```
#bebef8
```
#bebef8 rgb(190,190,248)
```
#bcbcfa
```
#bcbcfa rgb(188,188,250)
```
#b9b9fd
```
#b9b9fd rgb(185,185,253)
```

Tone Color Variation

Below, you can see how #c4c4f2 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
#c8c8d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f3 Protanopia 1% of men
#c8c6f2 Deuteranopia 1% of men
#c1cbda Tritanopia 0.001% of the population

Trichromacy

#c1c7f3 Protanomaly 1% of men, 0.01% of women
#c6c5f2 Deuteranomaly 6% of men, 0.4% of women
#c2c8e2 Tritanomaly 0.01% of the population

#c4c4f2 hex color

#c4c4f2 Color Information

#c4c4f2 Color Conversion

Color Schemes with #c4c4f2

Alternatives to #c4c4f2

#c4c4f2 Preview

Shades and Tints of #c4c4f2

Tones of #c4c4f2

Color Blindness Simulator