#2aade3 hex color

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

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

● #2aade3 color description : Bright blue.

The hexadecimal color #2aade3 has RGB values of R:42, G:173, B:227 and CMYK values of C:0.81, M:0.24, Y:0, K:0.11. Its decimal value is 2797027.

Hex triplet	2aade3	`#2aade3`
RGB Decimal	42, 173, 227	`rgb(42,173,227)`
RGB Percent	16.5, 67.8, 89	`rgb(16.5%,67.8%,89%)`
CMYK	81, 24, 0, 11
HSL	197.5°, 76.8, 52.7	`hsl(197.5,76.8%,52.7%)`
HSV (or HSB)	197.5°, 81.5, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.461, -15.913, -36.806
XYZ	29.76, 35.923, 78.034
xyY	0.207, 0.25, 35.923
CIE-LCH	66.461, 40.099, 246.62
CIE-LUV	66.461, -42.803, -56.649
Hunter-Lab	59.936, -16.256, -35.239
Binary	00101010, 10101101, 11100011

#2aade3
```
#2aade3 rgb(42,173,227)
```
#e3602a
```
#e3602a rgb(227,96,42)
```

Complementary Color

#2ae3bd
```
#2ae3bd rgb(42,227,189)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#2a51e3
```
#2a51e3 rgb(42,81,227)
```

Analogous Color

#e3bd2a
```
#e3bd2a rgb(227,189,42)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#e32a51
```
#e32a51 rgb(227,42,81)
```

Split Complementary Color

#ade32a
```
#ade32a rgb(173,227,42)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#e32aad
```
#e32aad rgb(227,42,173)
```

Triadic Color

#2ae360
```
#2ae360 rgb(42,227,96)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#e32aad
```
#e32aad rgb(227,42,173)
```
#e3602a
```
#e3602a rgb(227,96,42)
```

Tetradic Color

#167faa
```
#167faa rgb(22,127,170)
```
#1990c1
```
#1990c1 rgb(25,144,193)
```
#1ca1d7
```
#1ca1d7 rgb(28,161,215)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#41b6e6
```
#41b6e6 rgb(65,182,230)
```
#57bee9
```
#57bee9 rgb(87,190,233)
```
#6ec7ec
```
#6ec7ec rgb(110,199,236)
```

Monochromatic Color

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

#2adbe3
```
#2adbe3 rgb(42,219,227)
```
#2acce3
```
#2acce3 rgb(42,204,227)
```
#2abce3
```
#2abce3 rgb(42,188,227)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#2a9ee3
```
#2a9ee3 rgb(42,158,227)
```
#2a8ee3
```
#2a8ee3 rgb(42,142,227)
```
#2a7fe3
```
#2a7fe3 rgb(42,127,227)
```

Similar Colors

Text with hexadecimal color #2aade3

This text has a font color of #2aade3.

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

#2aade3 background color

This paragraph has a background color of #2aade3.

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

#2aade3 border color

This element has a border color of #2aade3.

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

CSS codes

.text {color:#2aade3;}

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

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

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)
```
#04161e
```
#04161e rgb(4,22,30)
```
#06232f
```
#06232f rgb(6,35,47)
```
#083040
```
#083040 rgb(8,48,64)
```
#0b3d52
```
#0b3d52 rgb(11,61,82)
```
#0d4a63
```
#0d4a63 rgb(13,74,99)
```
#0f5774
```
#0f5774 rgb(15,87,116)
```
#126486
```
#126486 rgb(18,100,134)
```
#147197
```
#147197 rgb(20,113,151)
```
#167ea8
```
#167ea8 rgb(22,126,168)
```
#188bba
```
#188bba rgb(24,139,186)
```
#1b98cb
```
#1b98cb rgb(27,152,203)
```
#1da5dc
```
#1da5dc rgb(29,165,220)
```

Shade Color Variation

#2aade3
```
#2aade3 rgb(42,173,227)
```
#3bb4e5
```
#3bb4e5 rgb(59,180,229)
```
#4dbae8
```
#4dbae8 rgb(77,186,232)
```
#5ec1ea
```
#5ec1ea rgb(94,193,234)
```
#6fc8ec
```
#6fc8ec rgb(111,200,236)
```
#81ceee
```
#81ceee rgb(129,206,238)
```
#92d5f1
```
#92d5f1 rgb(146,213,241)
```
#a3dcf3
```
#a3dcf3 rgb(163,220,243)
```
#b5e2f5
```
#b5e2f5 rgb(181,226,245)
```
#c6e9f8
```
#c6e9f8 rgb(198,233,248)
```
#d7f0fa
```
#d7f0fa rgb(215,240,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, #7d8a90 is the less saturated color, while #0eb9ff is the most saturated one.

#7d8a90
```
#7d8a90 rgb(125,138,144)
```
#748e99
```
#748e99 rgb(116,142,153)
```
#6b92a2
```
#6b92a2 rgb(107,146,162)
```
#6296ab
```
#6296ab rgb(98,150,171)
```
#589ab5
```
#589ab5 rgb(88,154,181)
```
#4f9ebe
```
#4f9ebe rgb(79,158,190)
```
#46a1c7
```
#46a1c7 rgb(70,161,199)
```
#3da5d0
```
#3da5d0 rgb(61,165,208)
```
#33a9da
```
#33a9da rgb(51,169,218)
```
#2aade3
```
#2aade3 rgb(42,173,227)
```
#21b1ec
```
#21b1ec rgb(33,177,236)
```
#17b5f6
```
#17b5f6 rgb(23,181,246)
```
#0eb9ff
```
#0eb9ff rgb(14,185,255)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#78939d Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a4db Protanopia 1% of men
#89a5e9 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#6ea7de Protanomaly 1% of men, 0.01% of women
#66a8e7 Deuteranomaly 6% of men, 0.4% of women
#0fb3cf Tritanomaly 0.01% of the population

#2aade3 hex color

#2aade3 Color Information

#2aade3 Color Conversion

Color Schemes with #2aade3

Alternatives to #2aade3

#2aade3 Preview

Shades and Tints of #2aade3

Tones of #2aade3

Color Blindness Simulator