colorhexa.com

#2aa2d6 hex color

In a RGB color space, hex #2aa2d6 is composed of 16.5% red, 63.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 24.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 198.1 degrees, a saturation of 67.7% and a lightness of 50.2%. #2aa2d6 color hex could be obtained by blending #54ffff with #0045ad. Closest websafe color is: #3399cc.

- R 16
- G 64
- B 84
RGB color chart
- C 80
- M 24
- Y 0
- K 16
CMYK color chart

● #2aa2d6 color description : Strong blue.

The hexadecimal color #2aa2d6 has RGB values of R:42, G:162, B:214 and CMYK values of C:0.8, M:0.24, Y:0, K:0.16. Its decimal value is 2794198.

Hex triplet	2aa2d6	`#2aa2d6`
RGB Decimal	42, 162, 214	`rgb(42,162,214)`
RGB Percent	16.5, 63.5, 83.9	`rgb(16.5%,63.5%,83.9%)`
CMYK	80, 24, 0, 16
HSL	198.1°, 67.7, 50.2	`hsl(198.1,67.7%,50.2%)`
HSV (or HSB)	198.1°, 80.4, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.664, -14.454, -35.547
XYZ	26.01, 31.186, 68.263
xyY	0.207, 0.249, 31.186
CIE-LCH	62.664, 38.373, 247.873
CIE-LUV	62.664, -39.845, -54.226
Hunter-Lab	55.844, -14.59, -33.385
Binary	00101010, 10100010, 11010110

#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#d65e2a
```
#d65e2a rgb(214,94,42)
```

Complementary Color

#2ad6b4
```
#2ad6b4 rgb(42,214,180)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#2a4cd6
```
#2a4cd6 rgb(42,76,214)
```

Analogous Color

#d6b42a
```
#d6b42a rgb(214,180,42)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#d62a4c
```
#d62a4c rgb(214,42,76)
```

Split Complementary Color

#a2d62a
```
#a2d62a rgb(162,214,42)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#d62aa2
```
#d62aa2 rgb(214,42,162)
```

Triadic Color

#2ad65e
```
#2ad65e rgb(42,214,94)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#d62aa2
```
#d62aa2 rgb(214,42,162)
```
#d65e2a
```
#d65e2a rgb(214,94,42)
```

Tetradic Color

#1d7297
```
#1d7297 rgb(29,114,151)
```
#2182ac
```
#2182ac rgb(33,130,172)
```
#2592c1
```
#2592c1 rgb(37,146,193)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#3fabda
```
#3fabda rgb(63,171,218)
```
#55b5de
```
#55b5de rgb(85,181,222)
```
#6abee2
```
#6abee2 rgb(106,190,226)
```

Monochromatic Color

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

#2acdd6
```
#2acdd6 rgb(42,205,214)
```
#2abfd6
```
#2abfd6 rgb(42,191,214)
```
#2ab0d6
```
#2ab0d6 rgb(42,176,214)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#2a94d6
```
#2a94d6 rgb(42,148,214)
```
#2a85d6
```
#2a85d6 rgb(42,133,214)
```
#2a77d6
```
#2a77d6 rgb(42,119,214)
```

Similar Colors

Text with hexadecimal color #2aa2d6

This text has a font color of #2aa2d6.

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

#2aa2d6 background color

This paragraph has a background color of #2aa2d6.

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

#2aa2d6 border color

This element has a border color of #2aa2d6.

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

CSS codes

.text {color:#2aa2d6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#061a22
```
#061a22 rgb(6,26,34)
```
#0a2632
```
#0a2632 rgb(10,38,50)
```
#0d3243
```
#0d3243 rgb(13,50,67)
```
#103f53
```
#103f53 rgb(16,63,83)
```
#134b64
```
#134b64 rgb(19,75,100)
```
#165874
```
#165874 rgb(22,88,116)
```
#196484
```
#196484 rgb(25,100,132)
```
#1d7195
```
#1d7195 rgb(29,113,149)
```
#207da5
```
#207da5 rgb(32,125,165)
```
#2389b6
```
#2389b6 rgb(35,137,182)
```
#2696c6
```
#2696c6 rgb(38,150,198)
```

Shade Color Variation

#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#3aa9d9
```
#3aa9d9 rgb(58,169,217)
```
#4bb0dc
```
#4bb0dc rgb(75,176,220)
```
#5bb8df
```
#5bb8df rgb(91,184,223)
```
#6cbfe3
```
#6cbfe3 rgb(108,191,227)
```
#7cc6e6
```
#7cc6e6 rgb(124,198,230)
```
#8dcde9
```
#8dcde9 rgb(141,205,233)
```
#9dd4ec
```
#9dd4ec rgb(157,212,236)
```
#aedbef
```
#aedbef rgb(174,219,239)
```
#bee3f2
```
#bee3f2 rgb(190,227,242)
```
#ceeaf6
```
#ceeaf6 rgb(206,234,246)
```
#dff1f9
```
#dff1f9 rgb(223,241,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#788388
```
#788388 rgb(120,131,136)
```
#6e8792
```
#6e8792 rgb(110,135,146)
```
#658b9b
```
#658b9b rgb(101,139,155)
```
#5b8fa5
```
#5b8fa5 rgb(91,143,165)
```
#5193af
```
#5193af rgb(81,147,175)
```
#4796b9
```
#4796b9 rgb(71,150,185)
```
#3e9ac2
```
#3e9ac2 rgb(62,154,194)
```
#349ecc
```
#349ecc rgb(52,158,204)
```
#2aa2d6
```
#2aa2d6 rgb(42,162,214)
```
#20a6e0
```
#20a6e0 rgb(32,166,224)
```
#16aaea
```
#16aaea rgb(22,170,234)
```
#0daef3
```
#0daef3 rgb(13,174,243)
```
#03b1fd
```
#03b1fd rgb(3,177,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#728a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9bcf Protanopia 1% of men
#809bdc Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#689dd2 Protanomaly 1% of men, 0.01% of women
#619eda Deuteranomaly 6% of men, 0.4% of women
#0fa8c3 Tritanomaly 0.01% of the population