colorhexa.com

#2aded2 hex color

In a RGB color space, hex #2aded2 is composed of 16.5% red, 87.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 5.4% yellow and 12.9% black. It has a hue angle of 176 degrees, a saturation of 73.2% and a lightness of 51.8%. #2aded2 color hex could be obtained by blending #54ffff with #00bda5. Closest websafe color is: #33cccc.

- R 16
- G 87
- B 82
RGB color chart
- C 81
- M 0
- Y 5
- K 13
CMYK color chart

● #2aded2 color description : Bright cyan.

The hexadecimal color #2aded2 has RGB values of R:42, G:222, B:210 and CMYK values of C:0.81, M:0, Y:0.05, K:0.13. Its decimal value is 2809554.

Hex triplet	2aded2	`#2aded2`
RGB Decimal	42, 222, 210	`rgb(42,222,210)`
RGB Percent	16.5, 87.1, 82.4	`rgb(16.5%,87.1%,82.4%)`
CMYK	81, 0, 5, 13
HSL	176°, 73.2, 51.8	`hsl(176,73.2%,51.8%)`
HSV (or HSB)	176°, 81.1, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.395, -44.889, -6.42
XYZ	38.705, 57.384, 70.006
xyY	0.233, 0.345, 57.384
CIE-LCH	80.395, 45.346, 188.139
CIE-LUV	80.395, -60.928, -2.972
Hunter-Lab	75.752, -41.363, -1.766
Binary	00101010, 11011110, 11010010

#2aded2
```
#2aded2 rgb(42,222,210)
```
#de2a36
```
#de2a36 rgb(222,42,54)
```

Complementary Color

#2ade78
```
#2ade78 rgb(42,222,120)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#2a90de
```
#2a90de rgb(42,144,222)
```

Analogous Color

#de782a
```
#de782a rgb(222,120,42)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#de2a90
```
#de2a90 rgb(222,42,144)
```

Split Complementary Color

#ded22a
```
#ded22a rgb(222,210,42)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#d22ade
```
#d22ade rgb(210,42,222)
```

Triadic Color

#36de2a
```
#36de2a rgb(54,222,42)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#d22ade
```
#d22ade rgb(210,42,222)
```
#de2a36
```
#de2a36 rgb(222,42,54)
```

Tetradic Color

#19a299
```
#19a299 rgb(25,162,153)
```
#1db8ae
```
#1db8ae rgb(29,184,174)
```
#20cfc3
```
#20cfc3 rgb(32,207,195)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#40e1d7
```
#40e1d7 rgb(64,225,215)
```
#56e5db
```
#56e5db rgb(86,229,219)
```
#6ce8e0
```
#6ce8e0 rgb(108,232,224)
```

Monochromatic Color

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

#2adea5
```
#2adea5 rgb(42,222,165)
```
#2adeb4
```
#2adeb4 rgb(42,222,180)
```
#2adec3
```
#2adec3 rgb(42,222,195)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#2adbde
```
#2adbde rgb(42,219,222)
```
#2accde
```
#2accde rgb(42,204,222)
```
#2abdde
```
#2abdde rgb(42,189,222)
```

Similar Colors

Text with hexadecimal color #2aded2

This text has a font color of #2aded2.

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

#2aded2 background color

This paragraph has a background color of #2aded2.

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

#2aded2 border color

This element has a border color of #2aded2.

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

CSS codes

.text {color:#2aded2;}

.background {background-color:#2aded2;}

.border {border:1px solid #2aded2;}

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

#010807
```
#010807 rgb(1,8,7)
```
#041917
```
#041917 rgb(4,25,23)
```
#062a27
```
#062a27 rgb(6,42,39)
```
#093b37
```
#093b37 rgb(9,59,55)
```
#0c4c47
```
#0c4c47 rgb(12,76,71)
```
#0e5d57
```
#0e5d57 rgb(14,93,87)
```
#116e68
```
#116e68 rgb(17,110,104)
```
#147f78
```
#147f78 rgb(20,127,120)
```
#169088
```
#169088 rgb(22,144,136)
```
#19a198
```
#19a198 rgb(25,161,152)
```
#1cb2a8
```
#1cb2a8 rgb(28,178,168)
```
#1ec3b8
```
#1ec3b8 rgb(30,195,184)
```
#21d4c8
```
#21d4c8 rgb(33,212,200)
```

Shade Color Variation

#2aded2
```
#2aded2 rgb(42,222,210)
```
#3be1d6
```
#3be1d6 rgb(59,225,214)
```
#4ce3d9
```
#4ce3d9 rgb(76,227,217)
```
#5de6dd
```
#5de6dd rgb(93,230,221)
```
#6ee9e0
```
#6ee9e0 rgb(110,233,224)
```
#7febe4
```
#7febe4 rgb(127,235,228)
```
#90eee8
```
#90eee8 rgb(144,238,232)
```
#a1f0eb
```
#a1f0eb rgb(161,240,235)
```
#b2f3ef
```
#b2f3ef rgb(178,243,239)
```
#c3f6f2
```
#c3f6f2 rgb(195,246,242)
```
#d4f8f6
```
#d4f8f6 rgb(212,248,246)
```
#e5fbf9
```
#e5fbf9 rgb(229,251,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#7f8988
```
#7f8988 rgb(127,137,136)
```
#769290
```
#769290 rgb(118,146,144)
```
#6c9c99
```
#6c9c99 rgb(108,156,153)
```
#63a5a1
```
#63a5a1 rgb(99,165,161)
```
#59afa9
```
#59afa9 rgb(89,175,169)
```
#50b8b1
```
#50b8b1 rgb(80,184,177)
```
#46c2b9
```
#46c2b9 rgb(70,194,185)
```
#3dcbc2
```
#3dcbc2 rgb(61,203,194)
```
#33d5ca
```
#33d5ca rgb(51,213,202)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#21e7da
```
#21e7da rgb(33,231,218)
```
#17f1e2
```
#17f1e2 rgb(23,241,226)
```
#0efaeb
```
#0efaeb rgb(14,250,235)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec9c8 Protanopia 1% of men
#d3c5dd Deuteranopia 1% of men
#4cdcec Tritanopia 0.001% of the population

Trichromacy

#92d0cb Protanomaly 1% of men, 0.01% of women
#95ced9 Deuteranomaly 6% of men, 0.4% of women
#40dce2 Tritanomaly 0.01% of the population