#2aaedf hex color

In a RGB color space, hex #2aaedf is composed of 16.5% red, 68.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 22% magenta, 0% yellow and 12.5% black. It has a hue angle of 196.2 degrees, a saturation of 73.9% and a lightness of 52%. #2aaedf color hex could be obtained by blending #54ffff with #005dbf. 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

● #2aaedf color description : Bright blue.

The hexadecimal color #2aaedf has RGB values of R:42, G:174, B:223 and CMYK values of C:0.81, M:0.22, Y:0, K:0.13. Its decimal value is 2797279.

Hex triplet	2aaedf	`#2aaedf`
RGB Decimal	42, 174, 223	`rgb(42,174,223)`
RGB Percent	16.5, 68.2, 87.5	`rgb(16.5%,68.2%,87.5%)`
CMYK	81, 22, 0, 13
HSL	196.2°, 73.9, 52	`hsl(196.2,73.9%,52%)`
HSV (or HSB)	196.2°, 81.2, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.588, -17.81, -34.412
XYZ	29.407, 36.089, 75.224
xyY	0.209, 0.256, 36.089
CIE-LCH	66.588, 38.748, 242.636
CIE-LUV	66.588, -43.408, -52.376
Hunter-Lab	60.074, -17.754, -32.19
Binary	00101010, 10101110, 11011111

#2aaedf
```
#2aaedf rgb(42,174,223)
```
#df5b2a
```
#df5b2a rgb(223,91,42)
```

Complementary Color

#2adfb6
```
#2adfb6 rgb(42,223,182)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#2a54df
```
#2a54df rgb(42,84,223)
```

Analogous Color

#dfb62a
```
#dfb62a rgb(223,182,42)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#df2a54
```
#df2a54 rgb(223,42,84)
```

Split Complementary Color

#aedf2a
```
#aedf2a rgb(174,223,42)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#df2aae
```
#df2aae rgb(223,42,174)
```

Triadic Color

#2adf5b
```
#2adf5b rgb(42,223,91)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#df2aae
```
#df2aae rgb(223,42,174)
```
#df5b2a
```
#df5b2a rgb(223,91,42)
```

Tetradic Color

#197ea4
```
#197ea4 rgb(25,126,164)
```
#1c8fba
```
#1c8fba rgb(28,143,186)
```
#1fa0d0
```
#1fa0d0 rgb(31,160,208)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#56bfe6
```
#56bfe6 rgb(86,191,230)
```
#6dc7e9
```
#6dc7e9 rgb(109,199,233)
```

Monochromatic Color

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

#2adbdf
```
#2adbdf rgb(42,219,223)
```
#2accdf
```
#2accdf rgb(42,204,223)
```
#2abddf
```
#2abddf rgb(42,189,223)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#2a9fdf
```
#2a9fdf rgb(42,159,223)
```
#2a90df
```
#2a90df rgb(42,144,223)
```
#2a81df
```
#2a81df rgb(42,129,223)
```

Similar Colors

Text with hexadecimal color #2aaedf

This text has a font color of #2aaedf.

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

#2aaedf background color

This paragraph has a background color of #2aaedf.

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

#2aaedf border color

This element has a border color of #2aaedf.

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

CSS codes

.text {color:#2aaedf;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#04141a
```
#04141a rgb(4,20,26)
```
#06212b
```
#06212b rgb(6,33,43)
```
#092e3c
```
#092e3c rgb(9,46,60)
```
#0c3b4d
```
#0c3b4d rgb(12,59,77)
```
#0e485e
```
#0e485e rgb(14,72,94)
```
#11556f
```
#11556f rgb(17,85,111)
```
#136380
```
#136380 rgb(19,99,128)
```
#167091
```
#167091 rgb(22,112,145)
```
#187da2
```
#187da2 rgb(24,125,162)
```
#1b8ab3
```
#1b8ab3 rgb(27,138,179)
```
#1d97c4
```
#1d97c4 rgb(29,151,196)
```
#20a4d5
```
#20a4d5 rgb(32,164,213)
```

Shade Color Variation

#2aaedf
```
#2aaedf rgb(42,174,223)
```
#3bb4e2
```
#3bb4e2 rgb(59,180,226)
```
#4cbbe4
```
#4cbbe4 rgb(76,187,228)
```
#5dc1e7
```
#5dc1e7 rgb(93,193,231)
```
#6ec8e9
```
#6ec8e9 rgb(110,200,233)
```
#7fceec
```
#7fceec rgb(127,206,236)
```
#90d5ee
```
#90d5ee rgb(144,213,238)
```
#a1dbf1
```
#a1dbf1 rgb(161,219,241)
```
#b2e2f3
```
#b2e2f3 rgb(178,226,243)
```
#c3e8f6
```
#c3e8f6 rgb(195,232,246)
```
#d5eff9
```
#d5eff9 rgb(213,239,249)
```
#e6f5fb
```
#e6f5fb rgb(230,245,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#7f878a
```
#7f878a rgb(127,135,138)
```
#758b94
```
#758b94 rgb(117,139,148)
```
#6c909d
```
#6c909d rgb(108,144,157)
```
#6394a6
```
#6394a6 rgb(99,148,166)
```
#5998b0
```
#5998b0 rgb(89,152,176)
```
#509db9
```
#509db9 rgb(80,157,185)
```
#46a1c3
```
#46a1c3 rgb(70,161,195)
```
#3da5cc
```
#3da5cc rgb(61,165,204)
```
#33aad6
```
#33aad6 rgb(51,170,214)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#21b2e8
```
#21b2e8 rgb(33,178,232)
```
#17b7f2
```
#17b7f2 rgb(23,183,242)
```
#0ebbfb
```
#0ebbfb rgb(14,187,251)
```

Tone Color Variation

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

#97a4d7 Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#00b6c4 Tritanopia 0.001% of the population

Trichromacy

#6fa8da Protanomaly 1% of men, 0.01% of women
#69a8e3 Deuteranomaly 6% of men, 0.4% of women
#0fb3cd Tritanomaly 0.01% of the population

#2aaedf hex color

#2aaedf Color Information

#2aaedf Color Conversion

Color Schemes with #2aaedf

Alternatives to #2aaedf

#2aaedf Preview

Shades and Tints of #2aaedf

Tones of #2aaedf

Color Blindness Simulator