#2aa9d5 hex color

In a RGB color space, hex #2aa9d5 is composed of 16.5% red, 66.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 20.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 195.4 degrees, a saturation of 67.1% and a lightness of 50%. #2aa9d5 color hex could be obtained by blending #54ffff with #0053ab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 66
- B 84
RGB color chart
- C 80
- M 21
- Y 0
- K 16
CMYK color chart

● #2aa9d5 color description : Strong blue.

The hexadecimal color #2aa9d5 has RGB values of R:42, G:169, B:213 and CMYK values of C:0.8, M:0.21, Y:0, K:0.16. Its decimal value is 2795989.

Hex triplet	2aa9d5	`#2aa9d5`
RGB Decimal	42, 169, 213	`rgb(42,169,213)`
RGB Percent	16.5, 66.3, 83.5	`rgb(16.5%,66.3%,83.5%)`
CMYK	80, 21, 0, 16
HSL	195.4°, 67.1, 50	`hsl(195.4,67.1%,50%)`
HSV (or HSB)	195.4°, 80.3, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.7, -18.552, -31.83
XYZ	27.15, 33.67, 68.015
xyY	0.211, 0.261, 33.67
CIE-LCH	64.7, 36.842, 239.764
CIE-LUV	64.7, -42.336, -47.731
Hunter-Lab	58.026, -18.026, -28.879
Binary	00101010, 10101001, 11010101

#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#d5562a
```
#d5562a rgb(213,86,42)
```

Complementary Color

#2ad5ac
```
#2ad5ac rgb(42,213,172)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#2a54d5
```
#2a54d5 rgb(42,84,213)
```

Analogous Color

#d5ac2a
```
#d5ac2a rgb(213,172,42)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#d52a54
```
#d52a54 rgb(213,42,84)
```

Split Complementary Color

#a9d52a
```
#a9d52a rgb(169,213,42)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#d52aa9
```
#d52aa9 rgb(213,42,169)
```

Triadic Color

#2ad556
```
#2ad556 rgb(42,213,86)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#d52aa9
```
#d52aa9 rgb(213,42,169)
```
#d5562a
```
#d5562a rgb(213,86,42)
```

Tetradic Color

#1d7695
```
#1d7695 rgb(29,118,149)
```
#2287aa
```
#2287aa rgb(34,135,170)
```
#2698c0
```
#2698c0 rgb(38,152,192)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#3fb2d9
```
#3fb2d9 rgb(63,178,217)
```
#55badd
```
#55badd rgb(85,186,221)
```
#6ac3e2
```
#6ac3e2 rgb(106,195,226)
```

Monochromatic Color

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

#2ad4d5
```
#2ad4d5 rgb(42,212,213)
```
#2ac6d5
```
#2ac6d5 rgb(42,198,213)
```
#2ab7d5
```
#2ab7d5 rgb(42,183,213)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#2a9bd5
```
#2a9bd5 rgb(42,155,213)
```
#2a8dd5
```
#2a8dd5 rgb(42,141,213)
```
#2a7ed5
```
#2a7ed5 rgb(42,126,213)
```

Similar Colors

Text with hexadecimal color #2aa9d5

This text has a font color of #2aa9d5.

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

#2aa9d5 background color

This paragraph has a background color of #2aa9d5.

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

#2aa9d5 border color

This element has a border color of #2aa9d5.

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

CSS codes

.text {color:#2aa9d5;}

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

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

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, #030d10 is the darkest color, while #ffffff is the lightest one.

#030d10
```
#030d10 rgb(3,13,16)
```
#061a21
```
#061a21 rgb(6,26,33)
```
#0a2731
```
#0a2731 rgb(10,39,49)
```
#0d3442
```
#0d3442 rgb(13,52,66)
```
#104152
```
#104152 rgb(16,65,82)
```
#134e62
```
#134e62 rgb(19,78,98)
```
#175b73
```
#175b73 rgb(23,91,115)
```
#1a6883
```
#1a6883 rgb(26,104,131)
```
#1d7593
```
#1d7593 rgb(29,117,147)
```
#2082a4
```
#2082a4 rgb(32,130,164)
```
#248fb4
```
#248fb4 rgb(36,143,180)
```
#279cc5
```
#279cc5 rgb(39,156,197)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```

Shade Color Variation

#3ab0d8
```
#3ab0d8 rgb(58,176,216)
```
#4bb6db
```
#4bb6db rgb(75,182,219)
```
#5bbddf
```
#5bbddf rgb(91,189,223)
```
#6cc3e2
```
#6cc3e2 rgb(108,195,226)
```
#7ccae5
```
#7ccae5 rgb(124,202,229)
```
#8cd1e8
```
#8cd1e8 rgb(140,209,232)
```
#9dd7ec
```
#9dd7ec rgb(157,215,236)
```
#addeef
```
#addeef rgb(173,222,239)
```
#bde5f2
```
#bde5f2 rgb(189,229,242)
```
#ceebf5
```
#ceebf5 rgb(206,235,245)
```
#def2f9
```
#def2f9 rgb(222,242,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788387
```
#788387 rgb(120,131,135)
```
#6f8890
```
#6f8890 rgb(111,136,144)
```
#658c9a
```
#658c9a rgb(101,140,154)
```
#5b91a4
```
#5b91a4 rgb(91,145,164)
```
#5196ae
```
#5196ae rgb(81,150,174)
```
#479bb8
```
#479bb8 rgb(71,155,184)
```
#3e9fc1
```
#3e9fc1 rgb(62,159,193)
```
#34a4cb
```
#34a4cb rgb(52,164,203)
```
#2aa9d5
```
#2aa9d5 rgb(42,169,213)
```
#20aedf
```
#20aedf rgb(32,174,223)
```
#16b3e9
```
#16b3e9 rgb(22,179,233)
```
#0db7f2
```
#0db7f2 rgb(13,183,242)
```
#03bcfc
```
#03bcfc rgb(3,188,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#758f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a0ce Protanopia 1% of men
#8ca0dc Deuteranopia 1% of men
#00b1be Tritanopia 0.001% of the population

Trichromacy

#6ea3d0 Protanomaly 1% of men, 0.01% of women
#68a3d9 Deuteranomaly 6% of men, 0.4% of women
#0faec6 Tritanomaly 0.01% of the population

#2aa9d5 hex color

#2aa9d5 Color Information

#2aa9d5 Color Conversion

Color Schemes with #2aa9d5

Alternatives to #2aa9d5

#2aa9d5 Preview

Shades and Tints of #2aa9d5

Tones of #2aa9d5

Color Blindness Simulator