#2aaffe hex color

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

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

● #2aaffe color description : Bright blue.

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

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

CIE-LAB	68.245, -7.598, -48.737
XYZ	34.17, 38.305, 99.353
xyY	0.199, 0.223, 38.305
CIE-LCH	68.245, 49.325, 261.139
CIE-LUV	68.245, -41.798, -78.215
Hunter-Lab	61.891, -9.76, -51.854
Binary	00101010, 10101111, 11111110

#2aaffe
```
#2aaffe rgb(42,175,254)
```
#fe792a
```
#fe792a rgb(254,121,42)
```

Complementary Color

#2afee3
```
#2afee3 rgb(42,254,227)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#2a45fe
```
#2a45fe rgb(42,69,254)
```

Analogous Color

#fee32a
```
#fee32a rgb(254,227,42)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#fe2a45
```
#fe2a45 rgb(254,42,69)
```

Split Complementary Color

#affe2a
```
#affe2a rgb(175,254,42)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#fe2aaf
```
#fe2aaf rgb(254,42,175)
```

Triadic Color

#2afe79
```
#2afe79 rgb(42,254,121)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#fe2aaf
```
#fe2aaf rgb(254,42,175)
```
#fe792a
```
#fe792a rgb(254,121,42)
```

Tetradic Color

#0189da
```
#0189da rgb(1,137,218)
```
#0199f4
```
#0199f4 rgb(1,153,244)
```
#11a5fe
```
#11a5fe rgb(17,165,254)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#43b9fe
```
#43b9fe rgb(67,185,254)
```
#5dc2fe
```
#5dc2fe rgb(93,194,254)
```
#76ccfe
```
#76ccfe rgb(118,204,254)
```

Monochromatic Color

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

#2ae4fe
```
#2ae4fe rgb(42,228,254)
```
#2ad2fe
```
#2ad2fe rgb(42,210,254)
```
#2ac1fe
```
#2ac1fe rgb(42,193,254)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#2a9dfe
```
#2a9dfe rgb(42,157,254)
```
#2a8cfe
```
#2a8cfe rgb(42,140,254)
```
#2a7afe
```
#2a7afe rgb(42,122,254)
```

Similar Colors

Text with hexadecimal color #2aaffe

This text has a font color of #2aaffe.

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

#2aaffe background color

This paragraph has a background color of #2aaffe.

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

#2aaffe border color

This element has a border color of #2aaffe.

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

CSS codes

.text {color:#2aaffe;}

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

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

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)
```
#001a29
```
#001a29 rgb(0,26,41)
```
#00263c
```
#00263c rgb(0,38,60)
```
#003250
```
#003250 rgb(0,50,80)
```
#003f63
```
#003f63 rgb(0,63,99)
```
#014b77
```
#014b77 rgb(1,75,119)
```
#01578a
```
#01578a rgb(1,87,138)
```
#01639e
```
#01639e rgb(1,99,158)
```
#0170b1
```
#0170b1 rgb(1,112,177)
```
#017cc5
```
#017cc5 rgb(1,124,197)
```
#0188d9
```
#0188d9 rgb(1,136,217)
```
#0194ec
```
#0194ec rgb(1,148,236)
```

Shade Color Variation

#03a0fe
```
#03a0fe rgb(3,160,254)
```
#16a8fe
```
#16a8fe rgb(22,168,254)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```
#3eb6fe
```
#3eb6fe rgb(62,182,254)
```
#51befe
```
#51befe rgb(81,190,254)
```
#65c5fe
```
#65c5fe rgb(101,197,254)
```
#78ccfe
```
#78ccfe rgb(120,204,254)
```
#8cd4fe
```
#8cd4fe rgb(140,212,254)
```
#9fdbff
```
#9fdbff rgb(159,219,255)
```
#b3e2ff
```
#b3e2ff rgb(179,226,255)
```
#c6eaff
```
#c6eaff rgb(198,234,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 #2aaffe 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)
```
#53a5d5
```
#53a5d5 rgb(83,165,213)
```
#4ba7dd
```
#4ba7dd rgb(75,167,221)
```
#43a9e5
```
#43a9e5 rgb(67,169,229)
```
#3aabee
```
#3aabee rgb(58,171,238)
```
#32adf6
```
#32adf6 rgb(50,173,246)
```
#2aaffe
```
#2aaffe rgb(42,175,254)
```

Tone Color Variation

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

#8ea8f5 Protanopia 1% of men
#7aabff Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#69aaf8 Protanomaly 1% of men, 0.01% of women
#5dacfe Deuteranomaly 6% of men, 0.4% of women
#0fb7db Tritanomaly 0.01% of the population

#2aaffe hex color

#2aaffe Color Information

#2aaffe Color Conversion

Color Schemes with #2aaffe

Alternatives to #2aaffe

#2aaffe Preview

Shades and Tints of #2aaffe

Tones of #2aaffe

Color Blindness Simulator