#a2cedc hex color

In a RGB color space, hex #a2cedc is composed of 63.5% red, 80.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 6.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.5 degrees, a saturation of 45.3% and a lightness of 74.9%. #a2cedc color hex could be obtained by blending #ffffff with #459db9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 81
- B 86
RGB color chart
- C 26
- M 6
- Y 0
- K 14
CMYK color chart

● #a2cedc color description : Very soft cyan.

The hexadecimal color #a2cedc has RGB values of R:162, G:206, B:220 and CMYK values of C:0.26, M:0.06, Y:0, K:0.14. Its decimal value is 10669788.

Hex triplet	a2cedc	`#a2cedc`
RGB Decimal	162, 206, 220	`rgb(162,206,220)`
RGB Percent	63.5, 80.8, 86.3	`rgb(63.5%,80.8%,86.3%)`
CMYK	26, 6, 0, 14
HSL	194.5°, 45.3, 74.9	`hsl(194.5,45.3%,74.9%)`
HSV (or HSB)	194.5°, 26.4, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.174, -11.22, -11.655
XYZ	49.887, 56.99, 76.078
xyY	0.273, 0.311, 56.99
CIE-LCH	80.174, 16.178, 226.09
CIE-LUV	80.174, -22.629, -16.285
Hunter-Lab	75.492, -14.152, -6.906
Binary	10100010, 11001110, 11011100

#a2cedc
```
#a2cedc rgb(162,206,220)
```
#dcb0a2
```
#dcb0a2 rgb(220,176,162)
```

Complementary Color

#a2dccd
```
#a2dccd rgb(162,220,205)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#a2b1dc
```
#a2b1dc rgb(162,177,220)
```

Analogous Color

#dccda2
```
#dccda2 rgb(220,205,162)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#dca2b1
```
#dca2b1 rgb(220,162,177)
```

Split Complementary Color

#cedca2
```
#cedca2 rgb(206,220,162)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#dca2ce
```
#dca2ce rgb(220,162,206)
```

Triadic Color

#a2dcb0
```
#a2dcb0 rgb(162,220,176)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#dca2ce
```
#dca2ce rgb(220,162,206)
```
#dcb0a2
```
#dcb0a2 rgb(220,176,162)
```

Tetradic Color

#6ab1c7
```
#6ab1c7 rgb(106,177,199)
```
#7dbace
```
#7dbace rgb(125,186,206)
```
#8fc4d5
```
#8fc4d5 rgb(143,196,213)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#b5d8e3
```
#b5d8e3 rgb(181,216,227)
```
#c7e2ea
```
#c7e2ea rgb(199,226,234)
```
#daebf1
```
#daebf1 rgb(218,235,241)
```

Monochromatic Color

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

#a2dcdc
```
#a2dcdc rgb(162,220,220)
```
#a2d8dc
```
#a2d8dc rgb(162,216,220)
```
#a2d3dc
```
#a2d3dc rgb(162,211,220)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#a2c9dc
```
#a2c9dc rgb(162,201,220)
```
#a2c4dc
```
#a2c4dc rgb(162,196,220)
```
#a2c0dc
```
#a2c0dc rgb(162,192,220)
```

Similar Colors

Text with hexadecimal color #a2cedc

This text has a font color of #a2cedc.

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

#a2cedc background color

This paragraph has a background color of #a2cedc.

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

#a2cedc border color

This element has a border color of #a2cedc.

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

CSS codes

.text {color:#a2cedc;}

.background {background-color:#a2cedc;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081215
```
#081215 rgb(8,18,21)
```
#0d1e23
```
#0d1e23 rgb(13,30,35)
```
#132a32
```
#132a32 rgb(19,42,50)
```
#183640
```
#183640 rgb(24,54,64)
```
#1d424e
```
#1d424e rgb(29,66,78)
```
#234e5c
```
#234e5c rgb(35,78,92)
```
#285a6b
```
#285a6b rgb(40,90,107)
```
#2d6779
```
#2d6779 rgb(45,103,121)
```
#337387
```
#337387 rgb(51,115,135)
```
#387f95
```
#387f95 rgb(56,127,149)
```
#3e8ba4
```
#3e8ba4 rgb(62,139,164)
```
#4397b2
```
#4397b2 rgb(67,151,178)
```

Shade Color Variation

#4ca1bc
```
#4ca1bc rgb(76,161,188)
```
#5ba8c1
```
#5ba8c1 rgb(91,168,193)
```
#69b0c7
```
#69b0c7 rgb(105,176,199)
```
#77b7cc
```
#77b7cc rgb(119,183,204)
```
#85bfd1
```
#85bfd1 rgb(133,191,209)
```
#94c6d7
```
#94c6d7 rgb(148,198,215)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#b0d6e1
```
#b0d6e1 rgb(176,214,225)
```
#bfdde7
```
#bfdde7 rgb(191,221,231)
```
#cde5ec
```
#cde5ec rgb(205,229,236)
```
#dbecf1
```
#dbecf1 rgb(219,236,241)
```
#e9f4f7
```
#e9f4f7 rgb(233,244,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#bbc1c3
```
#bbc1c3 rgb(187,193,195)
```
#b6c4c8
```
#b6c4c8 rgb(182,196,200)
```
#b1c6cd
```
#b1c6cd rgb(177,198,205)
```
#acc9d2
```
#acc9d2 rgb(172,201,210)
```
#a7cbd7
```
#a7cbd7 rgb(167,203,215)
```
#a2cedc
```
#a2cedc rgb(162,206,220)
```
#9dd1e1
```
#9dd1e1 rgb(157,209,225)
```
#98d3e6
```
#98d3e6 rgb(152,211,230)
```
#93d6eb
```
#93d6eb rgb(147,214,235)
```
#8ed8f0
```
#8ed8f0 rgb(142,216,240)
```
#89dbf5
```
#89dbf5 rgb(137,219,245)
```
#84ddfa
```
#84ddfa rgb(132,221,250)
```
#80e0fe
```
#80e0fe rgb(128,224,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bcc4c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c8d9 Protanopia 1% of men
#d0c4e1 Deuteranopia 1% of men
#a7d0df Tritanopia 0.001% of the population

Trichromacy

#bacada Protanomaly 1% of men, 0.01% of women
#bfc8df Deuteranomaly 6% of men, 0.4% of women
#a5cfde Tritanomaly 0.01% of the population

#a2cedc hex color

#a2cedc Color Information

#a2cedc Color Conversion

Color Schemes with #a2cedc

Alternatives to #a2cedc

#a2cedc Preview

Shades and Tints of #a2cedc

Tones of #a2cedc

Color Blindness Simulator