#2aaadc hex color

In a RGB color space, hex #2aaadc is composed of 16.5% red, 66.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 22.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.9 degrees, a saturation of 71.8% and a lightness of 51.4%. #2aaadc color hex could be obtained by blending #54ffff with #0055b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 67
- B 86
RGB color chart
- C 81
- M 23
- Y 0
- K 14
CMYK color chart

● #2aaadc color description : Bright blue.

The hexadecimal color #2aaadc has RGB values of R:42, G:170, B:220 and CMYK values of C:0.81, M:0.23, Y:0, K:0.14. Its decimal value is 2796252.

Hex triplet	2aaadc	`#2aaadc`
RGB Decimal	42, 170, 220	`rgb(42,170,220)`
RGB Percent	16.5, 66.7, 86.3	`rgb(16.5%,66.7%,86.3%)`
CMYK	81, 23, 0, 14
HSL	196.9°, 71.8, 51.4	`hsl(196.9,71.8%,51.4%)`
HSV (or HSB)	196.9°, 80.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.284, -16.703, -34.788
XYZ	28.244, 34.406, 72.859
xyY	0.208, 0.254, 34.406
CIE-LCH	65.284, 38.59, 244.352
CIE-LUV	65.284, -42.225, -53
Hunter-Lab	58.657, -16.698, -32.585
Binary	00101010, 10101010, 11011100

#2aaadc
```
#2aaadc rgb(42,170,220)
```
#dc5c2a
```
#dc5c2a rgb(220,92,42)
```

Complementary Color

#2adcb5
```
#2adcb5 rgb(42,220,181)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#2a51dc
```
#2a51dc rgb(42,81,220)
```

Analogous Color

#dcb52a
```
#dcb52a rgb(220,181,42)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#dc2a51
```
#dc2a51 rgb(220,42,81)
```

Split Complementary Color

#aadc2a
```
#aadc2a rgb(170,220,42)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#dc2aaa
```
#dc2aaa rgb(220,42,170)
```

Triadic Color

#2adc5c
```
#2adc5c rgb(42,220,92)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#dc2aaa
```
#dc2aaa rgb(220,42,170)
```
#dc5c2a
```
#dc5c2a rgb(220,92,42)
```

Tetradic Color

#1a7a9f
```
#1a7a9f rgb(26,122,159)
```
#1e8bb5
```
#1e8bb5 rgb(30,139,181)
```
#219bcb
```
#219bcb rgb(33,155,203)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#40b3e0
```
#40b3e0 rgb(64,179,224)
```
#56bbe3
```
#56bbe3 rgb(86,187,227)
```
#6cc4e7
```
#6cc4e7 rgb(108,196,231)
```

Monochromatic Color

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

#2ad7dc
```
#2ad7dc rgb(42,215,220)
```
#2ac8dc
```
#2ac8dc rgb(42,200,220)
```
#2ab9dc
```
#2ab9dc rgb(42,185,220)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#2a9bdc
```
#2a9bdc rgb(42,155,220)
```
#2a8cdc
```
#2a8cdc rgb(42,140,220)
```
#2a7edc
```
#2a7edc rgb(42,126,220)
```

Similar Colors

Text with hexadecimal color #2aaadc

This text has a font color of #2aaadc.

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

#2aaadc background color

This paragraph has a background color of #2aaadc.

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

#2aaadc border color

This element has a border color of #2aaadc.

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

CSS codes

.text {color:#2aaadc;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#071e28
```
#071e28 rgb(7,30,40)
```
#092b39
```
#092b39 rgb(9,43,57)
```
#0c3849
```
#0c3849 rgb(12,56,73)
```
#0f455a
```
#0f455a rgb(15,69,90)
```
#12526b
```
#12526b rgb(18,82,107)
```
#145f7c
```
#145f7c rgb(20,95,124)
```
#176c8d
```
#176c8d rgb(23,108,141)
```
#1a799e
```
#1a799e rgb(26,121,158)
```
#1d86ae
```
#1d86ae rgb(29,134,174)
```
#1f92bf
```
#1f92bf rgb(31,146,191)
```
#229fd0
```
#229fd0 rgb(34,159,208)
```

Shade Color Variation

#2aaadc
```
#2aaadc rgb(42,170,220)
```
#3bb1df
```
#3bb1df rgb(59,177,223)
```
#4cb7e2
```
#4cb7e2 rgb(76,183,226)
```
#5dbee4
```
#5dbee4 rgb(93,190,228)
```
#6dc5e7
```
#6dc5e7 rgb(109,197,231)
```
#7eccea
```
#7eccea rgb(126,204,234)
```
#8fd2ed
```
#8fd2ed rgb(143,210,237)
```
#a0d9ef
```
#a0d9ef rgb(160,217,239)
```
#b1e0f2
```
#b1e0f2 rgb(177,224,242)
```
#c2e7f5
```
#c2e7f5 rgb(194,231,245)
```
#d2edf8
```
#d2edf8 rgb(210,237,248)
```
#e3f4fa
```
#e3f4fa rgb(227,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#808486
```
#808486 rgb(128,132,134)
```
#768990
```
#768990 rgb(118,137,144)
```
#6d8d99
```
#6d8d99 rgb(109,141,153)
```
#6391a3
```
#6391a3 rgb(99,145,163)
```
#5a95ac
```
#5a95ac rgb(90,149,172)
```
#5099b6
```
#5099b6 rgb(80,153,182)
```
#479dbf
```
#479dbf rgb(71,157,191)
```
#3da2c9
```
#3da2c9 rgb(61,162,201)
```
#34a6d2
```
#34a6d2 rgb(52,166,210)
```
#2aaadc
```
#2aaadc rgb(42,170,220)
```
#20aee6
```
#20aee6 rgb(32,174,230)
```
#17b2ef
```
#17b2ef rgb(23,178,239)
```
#0db7f9
```
#0db7f9 rgb(13,183,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#76909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a1d5 Protanopia 1% of men
#89a2e2 Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#6da4d7 Protanomaly 1% of men, 0.01% of women
#66a5e0 Deuteranomaly 6% of men, 0.4% of women
#0fafca Tritanomaly 0.01% of the population

#2aaadc hex color

#2aaadc Color Information

#2aaadc Color Conversion

Color Schemes with #2aaadc

Alternatives to #2aaadc

#2aaadc Preview

Shades and Tints of #2aaadc

Tones of #2aaadc

Color Blindness Simulator