#2aaefe hex color

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

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

● #2aaefe color description : Bright blue.

The hexadecimal color #2aaefe has RGB values of R:42, G:174, B:254 and CMYK values of C:0.83, M:0.31, Y:0, K:0. Its decimal value is 2797310.

Hex triplet	2aaefe	`#2aaefe`
RGB Decimal	42, 174, 254	`rgb(42,174,254)`
RGB Percent	16.5, 68.2, 99.6	`rgb(16.5%,68.2%,99.6%)`
CMYK	83, 31, 0, 0
HSL	202.6°, 99.1, 58	`hsl(202.6,99.1%,58%)`
HSV (or HSB)	202.6°, 83.5, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.959, -7.042, -49.186
XYZ	33.976, 37.917, 99.289
xyY	0.198, 0.222, 37.917
CIE-LCH	67.959, 49.688, 261.853
CIE-LUV	67.959, -41.467, -78.998
Hunter-Lab	61.577, -9.269, -52.497
Binary	00101010, 10101110, 11111110

#2aaefe
```
#2aaefe rgb(42,174,254)
```
#fe7a2a
```
#fe7a2a rgb(254,122,42)
```

Complementary Color

#2afee4
```
#2afee4 rgb(42,254,228)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#2a44fe
```
#2a44fe rgb(42,68,254)
```

Analogous Color

#fee42a
```
#fee42a rgb(254,228,42)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#fe2a44
```
#fe2a44 rgb(254,42,68)
```

Split Complementary Color

#aefe2a
```
#aefe2a rgb(174,254,42)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#fe2aae
```
#fe2aae rgb(254,42,174)
```

Triadic Color

#2afe7a
```
#2afe7a rgb(42,254,122)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#fe2aae
```
#fe2aae rgb(254,42,174)
```
#fe7a2a
```
#fe7a2a rgb(254,122,42)
```

Tetradic Color

#0188da
```
#0188da rgb(1,136,218)
```
#0198f4
```
#0198f4 rgb(1,152,244)
```
#11a4fe
```
#11a4fe rgb(17,164,254)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#43b8fe
```
#43b8fe rgb(67,184,254)
```
#5dc1fe
```
#5dc1fe rgb(93,193,254)
```
#76cbfe
```
#76cbfe rgb(118,203,254)
```

Monochromatic Color

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

#2ae3fe
```
#2ae3fe rgb(42,227,254)
```
#2ad1fe
```
#2ad1fe rgb(42,209,254)
```
#2ac0fe
```
#2ac0fe rgb(42,192,254)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#2a9cfe
```
#2a9cfe rgb(42,156,254)
```
#2a8bfe
```
#2a8bfe rgb(42,139,254)
```
#2a79fe
```
#2a79fe rgb(42,121,254)
```

Similar Colors

Text with hexadecimal color #2aaefe

This text has a font color of #2aaefe.

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

#2aaefe background color

This paragraph has a background color of #2aaefe.

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

#2aaefe border color

This element has a border color of #2aaefe.

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

CSS codes

.text {color:#2aaefe;}

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

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

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)
```
#00263c
```
#00263c rgb(0,38,60)
```
#003250
```
#003250 rgb(0,50,80)
```
#003e63
```
#003e63 rgb(0,62,99)
```
#014a77
```
#014a77 rgb(1,74,119)
```
#01568a
```
#01568a rgb(1,86,138)
```
#01639e
```
#01639e rgb(1,99,158)
```
#016fb1
```
#016fb1 rgb(1,111,177)
```
#017bc5
```
#017bc5 rgb(1,123,197)
```
#0187d9
```
#0187d9 rgb(1,135,217)
```
#0193ec
```
#0193ec rgb(1,147,236)
```

Shade Color Variation

#039ffe
```
#039ffe rgb(3,159,254)
```
#16a7fe
```
#16a7fe rgb(22,167,254)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```
#3eb5fe
```
#3eb5fe rgb(62,181,254)
```
#51bdfe
```
#51bdfe rgb(81,189,254)
```
#65c4fe
```
#65c4fe rgb(101,196,254)
```
#78ccfe
```
#78ccfe rgb(120,204,254)
```
#8cd3fe
```
#8cd3fe rgb(140,211,254)
```
#9fdbff
```
#9fdbff rgb(159,219,255)
```
#b3e2ff
```
#b3e2ff rgb(179,226,255)
```
#c6e9ff
```
#c6e9ff rgb(198,233,255)
```
#daf1ff
```
#daf1ff rgb(218,241,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 #2aaefe is the most saturated one.

#8d969b
```
#8d969b rgb(141,150,155)
```
#8598a3
```
#8598a3 rgb(133,152,163)
```
#7c9aac
```
#7c9aac rgb(124,154,172)
```
#749cb4
```
#749cb4 rgb(116,156,180)
```
#6c9ebc
```
#6c9ebc rgb(108,158,188)
```
#64a0c4
```
#64a0c4 rgb(100,160,196)
```
#5ba2cd
```
#5ba2cd rgb(91,162,205)
```
#53a4d5
```
#53a4d5 rgb(83,164,213)
```
#4ba6dd
```
#4ba6dd rgb(75,166,221)
```
#43a8e5
```
#43a8e5 rgb(67,168,229)
```
#3aaaee
```
#3aaaee rgb(58,170,238)
```
#32acf6
```
#32acf6 rgb(50,172,246)
```
#2aaefe
```
#2aaefe rgb(42,174,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c96a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f6 Protanopia 1% of men
#78aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#69a9f8 Protanomaly 1% of men, 0.01% of women
#5babfe Deuteranomaly 6% of men, 0.4% of women
#0fb6db Tritanomaly 0.01% of the population

#2aaefe hex color

#2aaefe Color Information

#2aaefe Color Conversion

Color Schemes with #2aaefe

Alternatives to #2aaefe

#2aaefe Preview

Shades and Tints of #2aaefe

Tones of #2aaefe

Color Blindness Simulator