#a2c2eb hex color

In a RGB color space, hex #a2c2eb is composed of 63.5% red, 76.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 17.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 213.7 degrees, a saturation of 64.6% and a lightness of 77.8%. #a2c2eb color hex could be obtained by blending #ffffff with #4585d7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 76
- B 92
RGB color chart
- C 31
- M 17
- Y 0
- K 8
CMYK color chart

● #a2c2eb color description : Very soft blue.

The hexadecimal color #a2c2eb has RGB values of R:162, G:194, B:235 and CMYK values of C:0.31, M:0.17, Y:0, K:0.08. Its decimal value is 10666731.

Hex triplet	a2c2eb	`#a2c2eb`
RGB Decimal	162, 194, 235	`rgb(162,194,235)`
RGB Percent	63.5, 76.1, 92.2	`rgb(63.5%,76.1%,92.2%)`
CMYK	31, 17, 0, 8
HSL	213.7°, 64.6, 77.8	`hsl(213.7,64.6%,77.8%)`
HSV (or HSB)	213.7°, 31.1, 92.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.437, -1.326, -23.839
XYZ	49.184, 52.262, 86.089
xyY	0.262, 0.279, 52.262
CIE-LCH	77.437, 23.876, 266.817
CIE-LUV	77.437, -17.692, -37.611
Hunter-Lab	72.292, -5.068, -20.001
Binary	10100010, 11000010, 11101011

#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#ebcba2
```
#ebcba2 rgb(235,203,162)
```

Complementary Color

#a2e7eb
```
#a2e7eb rgb(162,231,235)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#a7a2eb
```
#a7a2eb rgb(167,162,235)
```

Analogous Color

#e7eba2
```
#e7eba2 rgb(231,235,162)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#eba7a2
```
#eba7a2 rgb(235,167,162)
```

Split Complementary Color

#c2eba2
```
#c2eba2 rgb(194,235,162)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#eba2c2
```
#eba2c2 rgb(235,162,194)
```

Triadic Color

#a2ebcb
```
#a2ebcb rgb(162,235,203)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#eba2c2
```
#eba2c2 rgb(235,162,194)
```
#ebcba2
```
#ebcba2 rgb(235,203,162)
```

Tetradic Color

#6399dd
```
#6399dd rgb(99,153,221)
```
#78a6e2
```
#78a6e2 rgb(120,166,226)
```
#8db4e6
```
#8db4e6 rgb(141,180,230)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#b7d0f0
```
#b7d0f0 rgb(183,208,240)
```
#ccdef4
```
#ccdef4 rgb(204,222,244)
```
#e1ebf9
```
#e1ebf9 rgb(225,235,249)
```

Monochromatic Color

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

#a2d4eb
```
#a2d4eb rgb(162,212,235)
```
#a2ceeb
```
#a2ceeb rgb(162,206,235)
```
#a2c8eb
```
#a2c8eb rgb(162,200,235)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#a2bceb
```
#a2bceb rgb(162,188,235)
```
#a2b6eb
```
#a2b6eb rgb(162,182,235)
```
#a2b0eb
```
#a2b0eb rgb(162,176,235)
```

Similar Colors

Text with hexadecimal color #a2c2eb

This text has a font color of #a2c2eb.

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

#a2c2eb background color

This paragraph has a background color of #a2c2eb.

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

#a2c2eb border color

This element has a border color of #a2c2eb.

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

CSS codes

.text {color:#a2c2eb;}

.background {background-color:#a2c2eb;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#081424
```
#081424 rgb(8,20,36)
```
#0b1d34
```
#0b1d34 rgb(11,29,52)
```
#0f2644
```
#0f2644 rgb(15,38,68)
```
#122f55
```
#122f55 rgb(18,47,85)
```
#163865
```
#163865 rgb(22,56,101)
```
#194175
```
#194175 rgb(25,65,117)
```
#1d4a85
```
#1d4a85 rgb(29,74,133)
```
#205395
```
#205395 rgb(32,83,149)
```
#245ca5
```
#245ca5 rgb(36,92,165)
```
#2765b5
```
#2765b5 rgb(39,101,181)
```
#2a6ec6
```
#2a6ec6 rgb(42,110,198)
```

Shade Color Variation

#3178d3
```
#3178d3 rgb(49,120,211)
```
#4182d6
```
#4182d6 rgb(65,130,214)
```
#518dda
```
#518dda rgb(81,141,218)
```
#6198dd
```
#6198dd rgb(97,152,221)
```
#72a2e1
```
#72a2e1 rgb(114,162,225)
```
#82ade4
```
#82ade4 rgb(130,173,228)
```
#92b7e8
```
#92b7e8 rgb(146,183,232)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#b2cdee
```
#b2cdee rgb(178,205,238)
```
#c2d7f2
```
#c2d7f2 rgb(194,215,242)
```
#d2e2f5
```
#d2e2f5 rgb(210,226,245)
```
#e3ecf9
```
#e3ecf9 rgb(227,236,249)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

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

#c5c6c8
```
#c5c6c8 rgb(197,198,200)
```
#c0c6cd
```
#c0c6cd rgb(192,198,205)
```
#bcc5d1
```
#bcc5d1 rgb(188,197,209)
```
#b8c5d5
```
#b8c5d5 rgb(184,197,213)
```
#b3c4da
```
#b3c4da rgb(179,196,218)
```
#afc4de
```
#afc4de rgb(175,196,222)
```
#abc3e2
```
#abc3e2 rgb(171,195,226)
```
#a6c3e7
```
#a6c3e7 rgb(166,195,231)
```
#a2c2eb
```
#a2c2eb rgb(162,194,235)
```
#9ec1ef
```
#9ec1ef rgb(158,193,239)
```
#99c1f4
```
#99c1f4 rgb(153,193,244)
```
#95c0f8
```
#95c0f8 rgb(149,192,248)
```
#91c0fc
```
#91c0fc rgb(145,192,252)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b8bec6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c0e9 Protanopia 1% of men
#bcbfee Deuteranopia 1% of men
#a1c8d7 Tritanopia 0.001% of the population

Trichromacy

#b0c1e9 Protanomaly 1% of men, 0.01% of women
#b3c0ed Deuteranomaly 6% of men, 0.4% of women
#a1c6de Tritanomaly 0.01% of the population

#a2c2eb hex color

#a2c2eb Color Information

#a2c2eb Color Conversion

Color Schemes with #a2c2eb

Alternatives to #a2c2eb

#a2c2eb Preview

Shades and Tints of #a2c2eb

Tones of #a2c2eb

Color Blindness Simulator