#2aaafe hex color

In a RGB color space, hex #2aaafe is composed of 16.5% red, 66.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 33.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.8 degrees, a saturation of 99.1% and a lightness of 58%. #2aaafe color hex could be obtained by blending #54ffff with #0055fd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 67
- B 100
RGB color chart
- C 83
- M 33
- Y 0
- K 0
CMYK color chart

● #2aaafe color description : Bright blue.

The hexadecimal color #2aaafe has RGB values of R:42, G:170, B:254 and CMYK values of C:0.83, M:0.33, Y:0, K:0. Its decimal value is 2796286.

Hex triplet	2aaafe	`#2aaafe`
RGB Decimal	42, 170, 254	`rgb(42,170,254)`
RGB Percent	16.5, 66.7, 99.6	`rgb(16.5%,66.7%,99.6%)`
CMYK	83, 33, 0, 0
HSL	203.8°, 99.1, 58	`hsl(203.8,99.1%,58%)`
HSV (or HSB)	203.8°, 83.5, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.82, -4.802, -50.985
XYZ	33.215, 36.394, 99.035
xyY	0.197, 0.216, 36.394
CIE-LCH	66.82, 51.211, 264.62
CIE-LUV	66.82, -40.146, -82.107
Hunter-Lab	60.328, -7.297, -55.102
Binary	00101010, 10101010, 11111110

#2aaafe
```
#2aaafe rgb(42,170,254)
```
#fe7e2a
```
#fe7e2a rgb(254,126,42)
```

Complementary Color

#2afee8
```
#2afee8 rgb(42,254,232)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#2a40fe
```
#2a40fe rgb(42,64,254)
```

Analogous Color

#fee82a
```
#fee82a rgb(254,232,42)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#fe2a40
```
#fe2a40 rgb(254,42,64)
```

Split Complementary Color

#aafe2a
```
#aafe2a rgb(170,254,42)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#fe2aaa
```
#fe2aaa rgb(254,42,170)
```

Triadic Color

#2afe7e
```
#2afe7e rgb(42,254,126)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#fe2aaa
```
#fe2aaa rgb(254,42,170)
```
#fe7e2a
```
#fe7e2a rgb(254,126,42)
```

Tetradic Color

#0184da
```
#0184da rgb(1,132,218)
```
#0194f4
```
#0194f4 rgb(1,148,244)
```
#11a0fe
```
#11a0fe rgb(17,160,254)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#43b4fe
```
#43b4fe rgb(67,180,254)
```
#5dbefe
```
#5dbefe rgb(93,190,254)
```
#76c8fe
```
#76c8fe rgb(118,200,254)
```

Monochromatic Color

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

#2adffe
```
#2adffe rgb(42,223,254)
```
#2acdfe
```
#2acdfe rgb(42,205,254)
```
#2abcfe
```
#2abcfe rgb(42,188,254)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#2a98fe
```
#2a98fe rgb(42,152,254)
```
#2a87fe
```
#2a87fe rgb(42,135,254)
```
#2a75fe
```
#2a75fe rgb(42,117,254)
```

Similar Colors

Text with hexadecimal color #2aaafe

This text has a font color of #2aaafe.

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

#2aaafe background color

This paragraph has a background color of #2aaafe.

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

#2aaafe border color

This element has a border color of #2aaafe.

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

CSS codes

.text {color:#2aaafe;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#001929
```
#001929 rgb(0,25,41)
```
#00253c
```
#00253c rgb(0,37,60)
```
#003050
```
#003050 rgb(0,48,80)
```
#003c63
```
#003c63 rgb(0,60,99)
```
#014877
```
#014877 rgb(1,72,119)
```
#01548a
```
#01548a rgb(1,84,138)
```
#01609e
```
#01609e rgb(1,96,158)
```
#016bb1
```
#016bb1 rgb(1,107,177)
```
#0177c5
```
#0177c5 rgb(1,119,197)
```
#0183d9
```
#0183d9 rgb(1,131,217)
```
#018fec
```
#018fec rgb(1,143,236)
```

Shade Color Variation

#039afe
```
#039afe rgb(3,154,254)
```
#16a2fe
```
#16a2fe rgb(22,162,254)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```
#3eb2fe
```
#3eb2fe rgb(62,178,254)
```
#51bafe
```
#51bafe rgb(81,186,254)
```
#65c1fe
```
#65c1fe rgb(101,193,254)
```
#78c9fe
```
#78c9fe rgb(120,201,254)
```
#8cd1fe
```
#8cd1fe rgb(140,209,254)
```
#9fd9ff
```
#9fd9ff rgb(159,217,255)
```
#b3e1ff
```
#b3e1ff rgb(179,225,255)
```
#c6e8ff
```
#c6e8ff rgb(198,232,255)
```
#daf0ff
```
#daf0ff rgb(218,240,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d969b is the less saturated color, while #2aaafe is the most saturated one.

#8d969b
```
#8d969b rgb(141,150,155)
```
#8597a3
```
#8597a3 rgb(133,151,163)
```
#7c99ac
```
#7c99ac rgb(124,153,172)
```
#749bb4
```
#749bb4 rgb(116,155,180)
```
#6c9cbc
```
#6c9cbc rgb(108,156,188)
```
#649ec4
```
#649ec4 rgb(100,158,196)
```
#5ba0cd
```
#5ba0cd rgb(91,160,205)
```
#53a1d5
```
#53a1d5 rgb(83,161,213)
```
#4ba3dd
```
#4ba3dd rgb(75,163,221)
```
#43a5e5
```
#43a5e5 rgb(67,165,229)
```
#3aa7ee
```
#3aa7ee rgb(58,167,238)
```
#32a8f6
```
#32a8f6 rgb(50,168,246)
```
#2aaafe
```
#2aaafe rgb(42,170,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7993a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a4f6 Protanopia 1% of men
#70a7ff Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#65a6f9 Protanomaly 1% of men, 0.01% of women
#56a8fe Deuteranomaly 6% of men, 0.4% of women
#0fb2d9 Tritanomaly 0.01% of the population

#2aaafe hex color

#2aaafe Color Information

#2aaafe Color Conversion

Color Schemes with #2aaafe

Alternatives to #2aaafe

#2aaafe Preview

Shades and Tints of #2aaafe

Tones of #2aaafe

Color Blindness Simulator