#2aa2ec hex color

In a RGB color space, hex #2aa2ec is composed of 16.5% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 202.9 degrees, a saturation of 83.6% and a lightness of 54.5%. #2aa2ec color hex could be obtained by blending #54ffff with #0045d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 64
- B 93
RGB color chart
- C 82
- M 31
- Y 0
- K 7
CMYK color chart

● #2aa2ec color description : Bright blue.

The hexadecimal color #2aa2ec has RGB values of R:42, G:162, B:236 and CMYK values of C:0.82, M:0.31, Y:0, K:0.07. Its decimal value is 2794220.

Hex triplet	2aa2ec	`#2aa2ec`
RGB Decimal	42, 162, 236	`rgb(42,162,236)`
RGB Percent	16.5, 63.5, 92.5	`rgb(16.5%,63.5%,92.5%)`
CMYK	82, 31, 0, 7
HSL	202.9°, 83.6, 54.5	`hsl(202.9,83.6%,54.5%)`
HSV (or HSB)	202.9°, 82.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.661, -6.714, -46.137
XYZ	29.012, 32.386, 84.074
xyY	0.199, 0.223, 32.386
CIE-LCH	63.661, 46.623, 261.721
CIE-LUV	63.661, -38.521, -73.1
Hunter-Lab	56.909, -8.593, -47.756
Binary	00101010, 10100010, 11101100

#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#ec742a
```
#ec742a rgb(236,116,42)
```

Complementary Color

#2aecd5
```
#2aecd5 rgb(42,236,213)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#2a41ec
```
#2a41ec rgb(42,65,236)
```

Analogous Color

#ecd52a
```
#ecd52a rgb(236,213,42)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#ec2a41
```
#ec2a41 rgb(236,42,65)
```

Split Complementary Color

#a2ec2a
```
#a2ec2a rgb(162,236,42)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#ec2aa2
```
#ec2aa2 rgb(236,42,162)
```

Triadic Color

#2aec74
```
#2aec74 rgb(42,236,116)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#ec2aa2
```
#ec2aa2 rgb(236,42,162)
```
#ec742a
```
#ec742a rgb(236,116,42)
```

Tetradic Color

#1179b9
```
#1179b9 rgb(17,121,185)
```
#1388d0
```
#1388d0 rgb(19,136,208)
```
#1597e8
```
#1597e8 rgb(21,151,232)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#41acee
```
#41acee rgb(65,172,238)
```
#59b6f0
```
#59b6f0 rgb(89,182,240)
```
#70c1f2
```
#70c1f2 rgb(112,193,242)
```

Monochromatic Color

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

#2ad3ec
```
#2ad3ec rgb(42,211,236)
```
#2ac2ec
```
#2ac2ec rgb(42,194,236)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#2a92ec
```
#2a92ec rgb(42,146,236)
```
#2a82ec
```
#2a82ec rgb(42,130,236)
```
#2a72ec
```
#2a72ec rgb(42,114,236)
```

Similar Colors

Text with hexadecimal color #2aa2ec

This text has a font color of #2aa2ec.

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

#2aa2ec background color

This paragraph has a background color of #2aa2ec.

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

#2aa2ec border color

This element has a border color of #2aa2ec.

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

CSS codes

.text {color:#2aa2ec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020e15
```
#020e15 rgb(2,14,21)
```
#031a27
```
#031a27 rgb(3,26,39)
```
#052539
```
#052539 rgb(5,37,57)
```
#07314b
```
#07314b rgb(7,49,75)
```
#083d5d
```
#083d5d rgb(8,61,93)
```
#0a496f
```
#0a496f rgb(10,73,111)
```
#0c5481
```
#0c5481 rgb(12,84,129)
```
#0d6093
```
#0d6093 rgb(13,96,147)
```
#0f6ca5
```
#0f6ca5 rgb(15,108,165)
```
#1078b7
```
#1078b7 rgb(16,120,183)
```
#1283c9
```
#1283c9 rgb(18,131,201)
```
#148fdb
```
#148fdb rgb(20,143,219)
```

Shade Color Variation

#189aea
```
#189aea rgb(24,154,234)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#3caaee
```
#3caaee rgb(60,170,238)
```
#4eb2ef
```
#4eb2ef rgb(78,178,239)
```
#60baf1
```
#60baf1 rgb(96,186,241)
```
#72c1f2
```
#72c1f2 rgb(114,193,242)
```
#84c9f4
```
#84c9f4 rgb(132,201,244)
```
#96d1f6
```
#96d1f6 rgb(150,209,246)
```
#a8d9f7
```
#a8d9f7 rgb(168,217,247)
```
#bae1f9
```
#bae1f9 rgb(186,225,249)
```
#cce9fa
```
#cce9fa rgb(204,233,250)
```
#def1fc
```
#def1fc rgb(222,241,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,254)
```

Tint Color Variation

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

#838d93
```
#838d93 rgb(131,141,147)
```
#7a8f9c
```
#7a8f9c rgb(122,143,156)
```
#7191a5
```
#7191a5 rgb(113,145,165)
```
#6893ae
```
#6893ae rgb(104,147,174)
```
#6095b6
```
#6095b6 rgb(96,149,182)
```
#5797bf
```
#5797bf rgb(87,151,191)
```
#4e9ac8
```
#4e9ac8 rgb(78,154,200)
```
#459cd1
```
#459cd1 rgb(69,156,209)
```
#3c9eda
```
#3c9eda rgb(60,158,218)
```
#33a0e3
```
#33a0e3 rgb(51,160,227)
```
#2aa2ec
```
#2aa2ec rgb(42,162,236)
```
#21a4f5
```
#21a4f5 rgb(33,164,245)
```
#18a6fe
```
#18a6fe rgb(24,166,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#748c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#849de5 Protanopia 1% of men
#6f9ff0 Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#639ee7 Protanomaly 1% of men, 0.01% of women
#56a0ee Deuteranomaly 6% of men, 0.4% of women
#0faacc Tritanomaly 0.01% of the population

#2aa2ec hex color

#2aa2ec Color Information

#2aa2ec Color Conversion

Color Schemes with #2aa2ec

Alternatives to #2aa2ec

#2aa2ec Preview

Shades and Tints of #2aa2ec

Tones of #2aa2ec

Color Blindness Simulator