#2aa2ef hex color

In a RGB color space, hex #2aa2ef is composed of 16.5% red, 63.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 32.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.5 degrees, a saturation of 86% and a lightness of 55.1%. #2aa2ef color hex could be obtained by blending #54ffff with #0045df. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 64
- B 94
RGB color chart
- C 82
- M 32
- Y 0
- K 6
CMYK color chart

● #2aa2ef color description : Bright blue.

The hexadecimal color #2aa2ef has RGB values of R:42, G:162, B:239 and CMYK values of C:0.82, M:0.32, Y:0, K:0.06. Its decimal value is 2794223.

Hex triplet	2aa2ef	`#2aa2ef`
RGB Decimal	42, 162, 239	`rgb(42,162,239)`
RGB Percent	16.5, 63.5, 93.7	`rgb(16.5%,63.5%,93.7%)`
CMYK	82, 32, 0, 6
HSL	203.5°, 86, 55.1	`hsl(203.5,86%,55.1%)`
HSV (or HSB)	203.5°, 82.4, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.805, -5.642, -47.558
XYZ	29.451, 32.562, 86.39
xyY	0.198, 0.219, 32.562
CIE-LCH	63.805, 47.892, 263.234
CIE-LUV	63.805, -38.35, -75.642
Hunter-Lab	57.063, -7.734, -49.816
Binary	00101010, 10100010, 11101111

#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#ef772a
```
#ef772a rgb(239,119,42)
```

Complementary Color

#2aefda
```
#2aefda rgb(42,239,218)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#2a40ef
```
#2a40ef rgb(42,64,239)
```

Analogous Color

#efda2a
```
#efda2a rgb(239,218,42)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#ef2a40
```
#ef2a40 rgb(239,42,64)
```

Split Complementary Color

#a2ef2a
```
#a2ef2a rgb(162,239,42)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#ef2aa2
```
#ef2aa2 rgb(239,42,162)
```

Triadic Color

#2aef77
```
#2aef77 rgb(42,239,119)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#ef2aa2
```
#ef2aa2 rgb(239,42,162)
```
#ef772a
```
#ef772a rgb(239,119,42)
```

Tetradic Color

#0e79be
```
#0e79be rgb(14,121,190)
```
#1089d6
```
#1089d6 rgb(16,137,214)
```
#1298ed
```
#1298ed rgb(18,152,237)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#42acf1
```
#42acf1 rgb(66,172,241)
```
#59b7f3
```
#59b7f3 rgb(89,183,243)
```
#71c1f4
```
#71c1f4 rgb(113,193,244)
```

Monochromatic Color

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

#2ad3ef
```
#2ad3ef rgb(42,211,239)
```
#2ac3ef
```
#2ac3ef rgb(42,195,239)
```
#2ab2ef
```
#2ab2ef rgb(42,178,239)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#2a92ef
```
#2a92ef rgb(42,146,239)
```
#2a81ef
```
#2a81ef rgb(42,129,239)
```
#2a71ef
```
#2a71ef rgb(42,113,239)
```

Similar Colors

Text with hexadecimal color #2aa2ef

This text has a font color of #2aa2ef.

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

#2aa2ef background color

This paragraph has a background color of #2aa2ef.

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

#2aa2ef border color

This element has a border color of #2aa2ef.

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

CSS codes

.text {color:#2aa2ef;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#020f18
```
#020f18 rgb(2,15,24)
```
#031b2a
```
#031b2a rgb(3,27,42)
```
#05273d
```
#05273d rgb(5,39,61)
```
#06324f
```
#06324f rgb(6,50,79)
```
#073e61
```
#073e61 rgb(7,62,97)
```
#094a73
```
#094a73 rgb(9,74,115)
```
#0a5586
```
#0a5586 rgb(10,85,134)
```
#0b6198
```
#0b6198 rgb(11,97,152)
```
#0d6daa
```
#0d6daa rgb(13,109,170)
```
#0e78bc
```
#0e78bc rgb(14,120,188)
```
#1084cf
```
#1084cf rgb(16,132,207)
```
#1190e1
```
#1190e1 rgb(17,144,225)
```

Shade Color Variation

#189aee
```
#189aee rgb(24,154,238)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#3caaf0
```
#3caaf0 rgb(60,170,240)
```
#4eb2f2
```
#4eb2f2 rgb(78,178,242)
```
#61baf3
```
#61baf3 rgb(97,186,243)
```
#73c2f4
```
#73c2f4 rgb(115,194,244)
```
#85caf6
```
#85caf6 rgb(133,202,246)
```
#97d2f7
```
#97d2f7 rgb(151,210,247)
```
#aadaf9
```
#aadaf9 rgb(170,218,249)
```
#bce2fa
```
#bce2fa rgb(188,226,250)
```
#ceeafb
```
#ceeafb rgb(206,234,251)
```
#e0f2fd
```
#e0f2fd rgb(224,242,253)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #21a4f8 is the most saturated one.

#8b8d8e
```
#8b8d8e rgb(139,141,142)
```
#828f97
```
#828f97 rgb(130,143,151)
```
#7991a0
```
#7991a0 rgb(121,145,160)
```
#7093a9
```
#7093a9 rgb(112,147,169)
```
#6895b1
```
#6895b1 rgb(104,149,177)
```
#5f96ba
```
#5f96ba rgb(95,150,186)
```
#5698c3
```
#5698c3 rgb(86,152,195)
```
#4d9acc
```
#4d9acc rgb(77,154,204)
```
#449cd5
```
#449cd5 rgb(68,156,213)
```
#3c9edd
```
#3c9edd rgb(60,158,221)
```
#33a0e6
```
#33a0e6 rgb(51,160,230)
```
#2aa2ef
```
#2aa2ef rgb(42,162,239)
```
#21a4f8
```
#21a4f8 rgb(33,164,248)
```

Tone Color Variation

Below, you can see how #2aa2ef 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
#748c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#839de8 Protanopia 1% of men
#6da0f2 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#629fea Protanomaly 1% of men, 0.01% of women
#54a0f1 Deuteranomaly 6% of men, 0.4% of women
#0faace Tritanomaly 0.01% of the population

#2aa2ef hex color

#2aa2ef Color Information

#2aa2ef Color Conversion

Color Schemes with #2aa2ef

Alternatives to #2aa2ef

#2aa2ef Preview

Shades and Tints of #2aa2ef

Tones of #2aa2ef

Color Blindness Simulator