#2aafec hex color

In a RGB color space, hex #2aafec is composed of 16.5% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 198.9 degrees, a saturation of 83.6% and a lightness of 54.5%. #2aafec color hex could be obtained by blending #54ffff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 69
- B 93
RGB color chart
- C 82
- M 26
- Y 0
- K 7
CMYK color chart

● #2aafec color description : Bright blue.

The hexadecimal color #2aafec has RGB values of R:42, G:175, B:236 and CMYK values of C:0.82, M:0.26, Y:0, K:0.07. Its decimal value is 2797548.

Hex triplet	2aafec	`#2aafec`
RGB Decimal	42, 175, 236	`rgb(42,175,236)`
RGB Percent	16.5, 68.6, 92.5	`rgb(16.5%,68.6%,92.5%)`
CMYK	82, 26, 0, 7
HSL	198.9°, 83.6, 54.5	`hsl(198.9,83.6%,54.5%)`
HSV (or HSB)	198.9°, 82.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.431, -13.89, -40.22
XYZ	31.421, 37.205, 84.878
xyY	0.205, 0.242, 37.205
CIE-LCH	67.431, 42.551, 250.948
CIE-LUV	67.431, -42.908, -62.817
Hunter-Lab	60.996, -14.792, -39.806
Binary	00101010, 10101111, 11101100

#2aafec
```
#2aafec rgb(42,175,236)
```
#ec672a
```
#ec672a rgb(236,103,42)
```

Complementary Color

#2aecc8
```
#2aecc8 rgb(42,236,200)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#2a4eec
```
#2a4eec rgb(42,78,236)
```

Analogous Color

#ecc82a
```
#ecc82a rgb(236,200,42)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#ec2a4e
```
#ec2a4e rgb(236,42,78)
```

Split Complementary Color

#afec2a
```
#afec2a rgb(175,236,42)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#ec2aaf
```
#ec2aaf rgb(236,42,175)
```

Triadic Color

#2aec67
```
#2aec67 rgb(42,236,103)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#ec2aaf
```
#ec2aaf rgb(236,42,175)
```
#ec672a
```
#ec672a rgb(236,103,42)
```

Tetradic Color

#1184b9
```
#1184b9 rgb(17,132,185)
```
#1395d0
```
#1395d0 rgb(19,149,208)
```
#15a5e8
```
#15a5e8 rgb(21,165,232)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#41b8ee
```
#41b8ee rgb(65,184,238)
```
#59c1f0
```
#59c1f0 rgb(89,193,240)
```
#70c9f2
```
#70c9f2 rgb(112,201,242)
```

Monochromatic Color

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

#2ae0ec
```
#2ae0ec rgb(42,224,236)
```
#2acfec
```
#2acfec rgb(42,207,236)
```
#2abfec
```
#2abfec rgb(42,191,236)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#2a9fec
```
#2a9fec rgb(42,159,236)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#2a7fec
```
#2a7fec rgb(42,127,236)
```

Similar Colors

Text with hexadecimal color #2aafec

This text has a font color of #2aafec.

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

#2aafec background color

This paragraph has a background color of #2aafec.

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

#2aafec border color

This element has a border color of #2aafec.

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

CSS codes

.text {color:#2aafec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#031c27
```
#031c27 rgb(3,28,39)
```
#052939
```
#052939 rgb(5,41,57)
```
#07364b
```
#07364b rgb(7,54,75)
```
#08425d
```
#08425d rgb(8,66,93)
```
#0a4f6f
```
#0a4f6f rgb(10,79,111)
```
#0c5c81
```
#0c5c81 rgb(12,92,129)
```
#0d6993
```
#0d6993 rgb(13,105,147)
```
#0f76a5
```
#0f76a5 rgb(15,118,165)
```
#1083b7
```
#1083b7 rgb(16,131,183)
```
#1290c9
```
#1290c9 rgb(18,144,201)
```
#149cdb
```
#149cdb rgb(20,156,219)
```

Shade Color Variation

#18a8ea
```
#18a8ea rgb(24,168,234)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#3cb6ee
```
#3cb6ee rgb(60,182,238)
```
#4ebdef
```
#4ebdef rgb(78,189,239)
```
#60c3f1
```
#60c3f1 rgb(96,195,241)
```
#72caf2
```
#72caf2 rgb(114,202,242)
```
#84d1f4
```
#84d1f4 rgb(132,209,244)
```
#96d8f6
```
#96d8f6 rgb(150,216,246)
```
#a8def7
```
#a8def7 rgb(168,222,247)
```
#bae5f9
```
#bae5f9 rgb(186,229,249)
```
#ccecfa
```
#ccecfa rgb(204,236,250)
```
#def3fc
```
#def3fc rgb(222,243,252)
```
#f0f9fe
```
#f0f9fe rgb(240,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838e93 is the less saturated color, while #18b6fe is the most saturated one.

#838e93
```
#838e93 rgb(131,142,147)
```
#7a919c
```
#7a919c rgb(122,145,156)
```
#7195a5
```
#7195a5 rgb(113,149,165)
```
#6898ae
```
#6898ae rgb(104,152,174)
```
#609bb6
```
#609bb6 rgb(96,155,182)
```
#579ebf
```
#579ebf rgb(87,158,191)
```
#4ea2c8
```
#4ea2c8 rgb(78,162,200)
```
#45a5d1
```
#45a5d1 rgb(69,165,209)
```
#3ca8da
```
#3ca8da rgb(60,168,218)
```
#33ace3
```
#33ace3 rgb(51,172,227)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#21b2f5
```
#21b2f5 rgb(33,178,245)
```
#18b6fe
```
#18b6fe rgb(24,182,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a95a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a6e4 Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6ea9e7 Protanomaly 1% of men, 0.01% of women
#64aaef Deuteranomaly 6% of men, 0.4% of women
#0fb5d4 Tritanomaly 0.01% of the population

#2aafec hex color

#2aafec Color Information

#2aafec Color Conversion

Color Schemes with #2aafec

Alternatives to #2aafec

#2aafec Preview

Shades and Tints of #2aafec

Tones of #2aafec

Color Blindness Simulator