#2aa2e3 hex color

In a RGB color space, hex #2aa2e3 is composed of 16.5% red, 63.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 28.6% magenta, 0% yellow and 11% black. It has a hue angle of 201.1 degrees, a saturation of 76.8% and a lightness of 52.7%. #2aa2e3 color hex could be obtained by blending #54ffff with #0045c7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 64
- B 89
RGB color chart
- C 81
- M 29
- Y 0
- K 11
CMYK color chart

● #2aa2e3 color description : Bright blue.

The hexadecimal color #2aa2e3 has RGB values of R:42, G:162, B:227 and CMYK values of C:0.81, M:0.29, Y:0, K:0.11. Its decimal value is 2794211.

Hex triplet	2aa2e3	`#2aa2e3`
RGB Decimal	42, 162, 227	`rgb(42,162,227)`
RGB Percent	16.5, 63.5, 89	`rgb(16.5%,63.5%,89%)`
CMYK	81, 29, 0, 11
HSL	201.1°, 76.8, 52.7	`hsl(201.1,76.8%,52.7%)`
HSV (or HSB)	201.1°, 81.5, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.241, -9.907, -41.841
XYZ	27.737, 31.876, 77.36
xyY	0.202, 0.233, 31.876
CIE-LCH	63.241, 42.998, 256.678
CIE-LUV	63.241, -39.049, -65.425
Hunter-Lab	56.459, -11.112, -41.717
Binary	00101010, 10100010, 11100011

#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#e36b2a
```
#e36b2a rgb(227,107,42)
```

Complementary Color

#2ae3c8
```
#2ae3c8 rgb(42,227,200)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#2a46e3
```
#2a46e3 rgb(42,70,227)
```

Analogous Color

#e3c82a
```
#e3c82a rgb(227,200,42)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#e32a46
```
#e32a46 rgb(227,42,70)
```

Split Complementary Color

#a2e32a
```
#a2e32a rgb(162,227,42)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#e32aa2
```
#e32aa2 rgb(227,42,162)
```

Triadic Color

#2ae36b
```
#2ae36b rgb(42,227,107)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#e32aa2
```
#e32aa2 rgb(227,42,162)
```
#e36b2a
```
#e36b2a rgb(227,107,42)
```

Tetradic Color

#1676aa
```
#1676aa rgb(22,118,170)
```
#1986c1
```
#1986c1 rgb(25,134,193)
```
#1c96d7
```
#1c96d7 rgb(28,150,215)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#41ace6
```
#41ace6 rgb(65,172,230)
```
#57b6e9
```
#57b6e9 rgb(87,182,233)
```
#6ec0ec
```
#6ec0ec rgb(110,192,236)
```

Monochromatic Color

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

#2ad0e3
```
#2ad0e3 rgb(42,208,227)
```
#2ac1e3
```
#2ac1e3 rgb(42,193,227)
```
#2ab1e3
```
#2ab1e3 rgb(42,177,227)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#2a93e3
```
#2a93e3 rgb(42,147,227)
```
#2a83e3
```
#2a83e3 rgb(42,131,227)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```

Similar Colors

Text with hexadecimal color #2aa2e3

This text has a font color of #2aa2e3.

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

#2aa2e3 background color

This paragraph has a background color of #2aa2e3.

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

#2aa2e3 border color

This element has a border color of #2aa2e3.

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

CSS codes

.text {color:#2aa2e3;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#04151e
```
#04151e rgb(4,21,30)
```
#06212f
```
#06212f rgb(6,33,47)
```
#082d40
```
#082d40 rgb(8,45,64)
```
#0b3952
```
#0b3952 rgb(11,57,82)
```
#0d4563
```
#0d4563 rgb(13,69,99)
```
#0f5174
```
#0f5174 rgb(15,81,116)
```
#125d86
```
#125d86 rgb(18,93,134)
```
#146997
```
#146997 rgb(20,105,151)
```
#1675a8
```
#1675a8 rgb(22,117,168)
```
#1881ba
```
#1881ba rgb(24,129,186)
```
#1b8dcb
```
#1b8dcb rgb(27,141,203)
```
#1d99dc
```
#1d99dc rgb(29,153,220)
```

Shade Color Variation

#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#3baae5
```
#3baae5 rgb(59,170,229)
```
#4db1e8
```
#4db1e8 rgb(77,177,232)
```
#5eb9ea
```
#5eb9ea rgb(94,185,234)
```
#6fc0ec
```
#6fc0ec rgb(111,192,236)
```
#81c8ee
```
#81c8ee rgb(129,200,238)
```
#92cff1
```
#92cff1 rgb(146,207,241)
```
#a3d7f3
```
#a3d7f3 rgb(163,215,243)
```
#b5dff5
```
#b5dff5 rgb(181,223,245)
```
#c6e6f8
```
#c6e6f8 rgb(198,230,248)
```
#d7eefa
```
#d7eefa rgb(215,238,250)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#7d8990
```
#7d8990 rgb(125,137,144)
```
#748c99
```
#748c99 rgb(116,140,153)
```
#6b8fa2
```
#6b8fa2 rgb(107,143,162)
```
#6291ab
```
#6291ab rgb(98,145,171)
```
#5894b5
```
#5894b5 rgb(88,148,181)
```
#4f97be
```
#4f97be rgb(79,151,190)
```
#469ac7
```
#469ac7 rgb(70,154,199)
```
#3d9cd0
```
#3d9cd0 rgb(61,156,208)
```
#339fda
```
#339fda rgb(51,159,218)
```
#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#21a5ec
```
#21a5ec rgb(33,165,236)
```
#17a8f6
```
#17a8f6 rgb(23,168,246)
```
#0eaaff
```
#0eaaff rgb(14,170,255)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889cdc Protanopia 1% of men
#779de8 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#659ede Protanomaly 1% of men, 0.01% of women
#5b9fe6 Deuteranomaly 6% of men, 0.4% of women
#0fa9c8 Tritanomaly 0.01% of the population

#2aa2e3 hex color

#2aa2e3 Color Information

#2aa2e3 Color Conversion

Color Schemes with #2aa2e3

Alternatives to #2aa2e3

#2aa2e3 Preview

Shades and Tints of #2aa2e3

Tones of #2aa2e3

Color Blindness Simulator