#2aaddd hex color

In a RGB color space, hex #2aaddd is composed of 16.5% red, 67.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 21.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.1 degrees, a saturation of 72.5% and a lightness of 51.6%. #2aaddd color hex could be obtained by blending #54ffff with #005bbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 68
- B 87
RGB color chart
- C 81
- M 22
- Y 0
- K 13
CMYK color chart

● #2aaddd color description : Bright blue.

The hexadecimal color #2aaddd has RGB values of R:42, G:173, B:221 and CMYK values of C:0.81, M:0.22, Y:0, K:0.13. Its decimal value is 2797021.

Hex triplet	2aaddd	`#2aaddd`
RGB Decimal	42, 173, 221	`rgb(42,173,221)`
RGB Percent	16.5, 67.8, 86.7	`rgb(16.5%,67.8%,86.7%)`
CMYK	81, 22, 0, 13
HSL	196.1°, 72.5, 51.6	`hsl(196.1,72.5%,51.6%)`
HSV (or HSB)	196.1°, 81, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.211, -17.959, -33.898
XYZ	28.946, 35.597, 73.748
xyY	0.209, 0.257, 35.597
CIE-LCH	66.211, 38.362, 242.086
CIE-LUV	66.211, -43.195, -51.449
Hunter-Lab	59.663, -17.81, -31.522
Binary	00101010, 10101101, 11011101

#2aaddd
```
#2aaddd rgb(42,173,221)
```
#dd5a2a
```
#dd5a2a rgb(221,90,42)
```

Complementary Color

#2addb4
```
#2addb4 rgb(42,221,180)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#2a54dd
```
#2a54dd rgb(42,84,221)
```

Analogous Color

#ddb42a
```
#ddb42a rgb(221,180,42)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#dd2a54
```
#dd2a54 rgb(221,42,84)
```

Split Complementary Color

#addd2a
```
#addd2a rgb(173,221,42)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#dd2aad
```
#dd2aad rgb(221,42,173)
```

Triadic Color

#2add5a
```
#2add5a rgb(42,221,90)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#dd2aad
```
#dd2aad rgb(221,42,173)
```
#dd5a2a
```
#dd5a2a rgb(221,90,42)
```

Tetradic Color

#1a7da1
```
#1a7da1 rgb(26,125,161)
```
#1d8eb7
```
#1d8eb7 rgb(29,142,183)
```
#219fcd
```
#219fcd rgb(33,159,205)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#40b5e1
```
#40b5e1 rgb(64,181,225)
```
#56bee4
```
#56bee4 rgb(86,190,228)
```
#6cc6e8
```
#6cc6e8 rgb(108,198,232)
```

Monochromatic Color

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

#2adadd
```
#2adadd rgb(42,218,221)
```
#2acbdd
```
#2acbdd rgb(42,203,221)
```
#2abcdd
```
#2abcdd rgb(42,188,221)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#2a9edd
```
#2a9edd rgb(42,158,221)
```
#2a8fdd
```
#2a8fdd rgb(42,143,221)
```
#2a80dd
```
#2a80dd rgb(42,128,221)
```

Similar Colors

Text with hexadecimal color #2aaddd

This text has a font color of #2aaddd.

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

#2aaddd background color

This paragraph has a background color of #2aaddd.

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

#2aaddd border color

This element has a border color of #2aaddd.

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

CSS codes

.text {color:#2aaddd;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041218
```
#041218 rgb(4,18,24)
```
#072029
```
#072029 rgb(7,32,41)
```
#092d3a
```
#092d3a rgb(9,45,58)
```
#0c3a4b
```
#0c3a4b rgb(12,58,75)
```
#0f475b
```
#0f475b rgb(15,71,91)
```
#11546c
```
#11546c rgb(17,84,108)
```
#14617d
```
#14617d rgb(20,97,125)
```
#176e8e
```
#176e8e rgb(23,110,142)
```
#197b9f
```
#197b9f rgb(25,123,159)
```
#1c88b0
```
#1c88b0 rgb(28,136,176)
```
#1f95c1
```
#1f95c1 rgb(31,149,193)
```
#22a3d2
```
#22a3d2 rgb(34,163,210)
```

Shade Color Variation

#2aaddd
```
#2aaddd rgb(42,173,221)
```
#3bb4e0
```
#3bb4e0 rgb(59,180,224)
```
#4cbae2
```
#4cbae2 rgb(76,186,226)
```
#5dc1e5
```
#5dc1e5 rgb(93,193,229)
```
#6ec7e8
```
#6ec7e8 rgb(110,199,232)
```
#7fceeb
```
#7fceeb rgb(127,206,235)
```
#8fd4ed
```
#8fd4ed rgb(143,212,237)
```
#a0dbf0
```
#a0dbf0 rgb(160,219,240)
```
#b1e1f3
```
#b1e1f3 rgb(177,225,243)
```
#c2e8f5
```
#c2e8f5 rgb(194,232,245)
```
#d3eef8
```
#d3eef8 rgb(211,238,248)
```
#e4f5fb
```
#e4f5fb rgb(228,245,251)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#808588
```
#808588 rgb(128,133,136)
```
#768a91
```
#768a91 rgb(118,138,145)
```
#6d8e9b
```
#6d8e9b rgb(109,142,155)
```
#6393a4
```
#6393a4 rgb(99,147,164)
```
#5a97ae
```
#5a97ae rgb(90,151,174)
```
#509bb7
```
#509bb7 rgb(80,155,183)
```
#47a0c1
```
#47a0c1 rgb(71,160,193)
```
#3da4ca
```
#3da4ca rgb(61,164,202)
```
#34a9d4
```
#34a9d4 rgb(52,169,212)
```
#2aaddd
```
#2aaddd rgb(42,173,221)
```
#21b1e7
```
#21b1e7 rgb(33,177,231)
```
#17b6f0
```
#17b6f0 rgb(23,182,240)
```
#0ebafa
```
#0ebafa rgb(14,186,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78929b Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a4d5 Protanopia 1% of men
#8da4e3 Deuteranopia 1% of men
#00b5c3 Tritanopia 0.001% of the population

Trichromacy

#6fa7d8 Protanomaly 1% of men, 0.01% of women
#69a7e1 Deuteranomaly 6% of men, 0.4% of women
#0fb2cc Tritanomaly 0.01% of the population

#2aaddd hex color

#2aaddd Color Information

#2aaddd Color Conversion

Color Schemes with #2aaddd

Alternatives to #2aaddd

#2aaddd Preview

Shades and Tints of #2aaddd

Tones of #2aaddd

Color Blindness Simulator