#2aa5e3 hex color

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

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

● #2aa5e3 color description : Bright blue.

The hexadecimal color #2aa5e3 has RGB values of R:42, G:165, B:227 and CMYK values of C:0.81, M:0.27, Y:0, K:0.11. Its decimal value is 2794979.

Hex triplet	2aa5e3	`#2aa5e3`
RGB Decimal	42, 165, 227	`rgb(42,165,227)`
RGB Percent	16.5, 64.7, 89	`rgb(16.5%,64.7%,89%)`
CMYK	81, 27, 0, 11
HSL	200.1°, 76.8, 52.7	`hsl(200.1,76.8%,52.7%)`
HSV (or HSB)	200.1°, 81.5, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.117, -11.568, -40.467
XYZ	28.272, 32.946, 77.538
xyY	0.204, 0.237, 32.946
CIE-LCH	64.117, 42.088, 254.047
CIE-LUV	64.117, -40.069, -63.049
Hunter-Lab	57.399, -12.528, -39.914
Binary	00101010, 10100101, 11100011

#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#e3682a
```
#e3682a rgb(227,104,42)
```

Complementary Color

#2ae3c5
```
#2ae3c5 rgb(42,227,197)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```

Analogous Color

#e3c52a
```
#e3c52a rgb(227,197,42)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#e32a49
```
#e32a49 rgb(227,42,73)
```

Split Complementary Color

#a5e32a
```
#a5e32a rgb(165,227,42)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#e32aa5
```
#e32aa5 rgb(227,42,165)
```

Triadic Color

#2ae368
```
#2ae368 rgb(42,227,104)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#e32aa5
```
#e32aa5 rgb(227,42,165)
```
#e3682a
```
#e3682a rgb(227,104,42)
```

Tetradic Color

#1679aa
```
#1679aa rgb(22,121,170)
```
#1989c1
```
#1989c1 rgb(25,137,193)
```
#1c99d7
```
#1c99d7 rgb(28,153,215)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#41afe6
```
#41afe6 rgb(65,175,230)
```
#57b8e9
```
#57b8e9 rgb(87,184,233)
```
#6ec2ec
```
#6ec2ec rgb(110,194,236)
```

Monochromatic Color

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

#2ad3e3
```
#2ad3e3 rgb(42,211,227)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#2ab4e3
```
#2ab4e3 rgb(42,180,227)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#2a96e3
```
#2a96e3 rgb(42,150,227)
```
#2a86e3
```
#2a86e3 rgb(42,134,227)
```
#2a77e3
```
#2a77e3 rgb(42,119,227)
```

Similar Colors

Text with hexadecimal color #2aa5e3

This text has a font color of #2aa5e3.

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

#2aa5e3 background color

This paragraph has a background color of #2aa5e3.

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

#2aa5e3 border color

This element has a border color of #2aa5e3.

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

CSS codes

.text {color:#2aa5e3;}

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

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

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)
```
#082e40
```
#082e40 rgb(8,46,64)
```
#0b3a52
```
#0b3a52 rgb(11,58,82)
```
#0d4663
```
#0d4663 rgb(13,70,99)
```
#0f5374
```
#0f5374 rgb(15,83,116)
```
#125f86
```
#125f86 rgb(18,95,134)
```
#146b97
```
#146b97 rgb(20,107,151)
```
#1677a8
```
#1677a8 rgb(22,119,168)
```
#1884ba
```
#1884ba rgb(24,132,186)
```
#1b90cb
```
#1b90cb rgb(27,144,203)
```
#1d9cdc
```
#1d9cdc rgb(29,156,220)
```

Shade Color Variation

#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#3bace5
```
#3bace5 rgb(59,172,229)
```
#4db4e8
```
#4db4e8 rgb(77,180,232)
```
#5ebbea
```
#5ebbea rgb(94,187,234)
```
#6fc2ec
```
#6fc2ec rgb(111,194,236)
```
#81caee
```
#81caee rgb(129,202,238)
```
#92d1f1
```
#92d1f1 rgb(146,209,241)
```
#a3d8f3
```
#a3d8f3 rgb(163,216,243)
```
#b5e0f5
```
#b5e0f5 rgb(181,224,245)
```
#c6e7f8
```
#c6e7f8 rgb(198,231,248)
```
#d7eefa
```
#d7eefa rgb(215,238,250)
```
#e9f6fc
```
#e9f6fc rgb(233,246,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 #0eaeff is the most saturated one.

#7d8990
```
#7d8990 rgb(125,137,144)
```
#748d99
```
#748d99 rgb(116,141,153)
```
#6b90a2
```
#6b90a2 rgb(107,144,162)
```
#6293ab
```
#6293ab rgb(98,147,171)
```
#5896b5
```
#5896b5 rgb(88,150,181)
```
#4f99be
```
#4f99be rgb(79,153,190)
```
#469cc7
```
#469cc7 rgb(70,156,199)
```
#3d9fd0
```
#3d9fd0 rgb(61,159,208)
```
#33a2da
```
#33a2da rgb(51,162,218)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#21a8ec
```
#21a8ec rgb(33,168,236)
```
#17abf6
```
#17abf6 rgb(23,171,246)
```
#0eaeff
```
#0eaeff rgb(14,174,255)
```

Tone Color Variation

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

Dichromacy

#8b9edc Protanopia 1% of men
#7c9fe8 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#68a0de Protanomaly 1% of men, 0.01% of women
#5ea1e6 Deuteranomaly 6% of men, 0.4% of women
#0facca Tritanomaly 0.01% of the population

#2aa5e3 hex color

#2aa5e3 Color Information

#2aa5e3 Color Conversion

Color Schemes with #2aa5e3

Alternatives to #2aa5e3

#2aa5e3 Preview

Shades and Tints of #2aa5e3

Tones of #2aa5e3

Color Blindness Simulator