#2aafca hex color

In a RGB color space, hex #2aafca is composed of 16.5% red, 68.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 13.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 190.1 degrees, a saturation of 65.6% and a lightness of 47.8%. #2aafca color hex could be obtained by blending #54ffff with #005f95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 69
- B 79
RGB color chart
- C 79
- M 13
- Y 0
- K 21
CMYK color chart

● #2aafca color description : Strong cyan.

The hexadecimal color #2aafca has RGB values of R:42, G:175, B:202 and CMYK values of C:0.79, M:0.13, Y:0, K:0.21. Its decimal value is 2797514.

Hex triplet	2aafca	`#2aafca`
RGB Decimal	42, 175, 202	`rgb(42,175,202)`
RGB Percent	16.5, 68.6, 79.2	`rgb(16.5%,68.6%,79.2%)`
CMYK	79, 13, 0, 21
HSL	190.1°, 65.6, 47.8	`hsl(190.1,65.6%,47.8%)`
HSV (or HSB)	190.1°, 79.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.07, -25.298, -23.635
XYZ	26.943, 35.414, 61.289
xyY	0.218, 0.286, 35.414
CIE-LCH	66.07, 34.621, 223.054
CIE-LUV	66.07, -45.179, -33.324
Hunter-Lab	59.51, -23.327, -19.407
Binary	00101010, 10101111, 11001010

#2aafca
```
#2aafca rgb(42,175,202)
```
#ca452a
```
#ca452a rgb(202,69,42)
```

Complementary Color

#2aca95
```
#2aca95 rgb(42,202,149)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#2a5fca
```
#2a5fca rgb(42,95,202)
```

Analogous Color

#ca952a
```
#ca952a rgb(202,149,42)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#ca2a5f
```
#ca2a5f rgb(202,42,95)
```

Split Complementary Color

#afca2a
```
#afca2a rgb(175,202,42)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#ca2aaf
```
#ca2aaf rgb(202,42,175)
```

Triadic Color

#2aca45
```
#2aca45 rgb(42,202,69)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#ca2aaf
```
#ca2aaf rgb(202,42,175)
```
#ca452a
```
#ca452a rgb(202,69,42)
```

Tetradic Color

#1d788b
```
#1d788b rgb(29,120,139)
```
#218aa0
```
#218aa0 rgb(33,138,160)
```
#269db5
```
#269db5 rgb(38,157,181)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#38bbd6
```
#38bbd6 rgb(56,187,214)
```
#4dc2da
```
#4dc2da rgb(77,194,218)
```
#62c9de
```
#62c9de rgb(98,201,222)
```

Monochromatic Color

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

#2acabd
```
#2acabd rgb(42,202,189)
```
#2acaca
```
#2acaca rgb(42,202,202)
```
#2abcca
```
#2abcca rgb(42,188,202)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#2aa2ca
```
#2aa2ca rgb(42,162,202)
```
#2a94ca
```
#2a94ca rgb(42,148,202)
```
#2a87ca
```
#2a87ca rgb(42,135,202)
```

Similar Colors

Text with hexadecimal color #2aafca

This text has a font color of #2aafca.

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

#2aafca background color

This paragraph has a background color of #2aafca.

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

#2aafca border color

This element has a border color of #2aafca.

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

CSS codes

.text {color:#2aafca;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#051417
```
#051417 rgb(5,20,23)
```
#082228
```
#082228 rgb(8,34,40)
```
#0c3038
```
#0c3038 rgb(12,48,56)
```
#0f3e48
```
#0f3e48 rgb(15,62,72)
```
#124d58
```
#124d58 rgb(18,77,88)
```
#165b69
```
#165b69 rgb(22,91,105)
```
#196979
```
#196979 rgb(25,105,121)
```
#1c7789
```
#1c7789 rgb(28,119,137)
```
#208599
```
#208599 rgb(32,133,153)
```
#2393aa
```
#2393aa rgb(35,147,170)
```
#27a1ba
```
#27a1ba rgb(39,161,186)
```
#2aafca
```
#2aafca rgb(42,175,202)
```

Shade Color Variation

#33b9d5
```
#33b9d5 rgb(51,185,213)
```
#43bfd8
```
#43bfd8 rgb(67,191,216)
```
#54c4db
```
#54c4db rgb(84,196,219)
```
#64cadf
```
#64cadf rgb(100,202,223)
```
#74d0e2
```
#74d0e2 rgb(116,208,226)
```
#84d5e5
```
#84d5e5 rgb(132,213,229)
```
#94dbe9
```
#94dbe9 rgb(148,219,233)
```
#a5e0ec
```
#a5e0ec rgb(165,224,236)
```
#b5e6f0
```
#b5e6f0 rgb(181,230,240)
```
#c5ebf3
```
#c5ebf3 rgb(197,235,243)
```
#d5f1f6
```
#d5f1f6 rgb(213,241,246)
```
#e6f6fa
```
#e6f6fa rgb(230,246,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757d7f is the less saturated color, while #04c8f0 is the most saturated one.

#757d7f
```
#757d7f rgb(117,125,127)
```
#6c8388
```
#6c8388 rgb(108,131,136)
```
#628a92
```
#628a92 rgb(98,138,146)
```
#59909b
```
#59909b rgb(89,144,155)
```
#5096a4
```
#5096a4 rgb(80,150,164)
```
#469cae
```
#469cae rgb(70,156,174)
```
#3da3b7
```
#3da3b7 rgb(61,163,183)
```
#33a9c1
```
#33a9c1 rgb(51,169,193)
```
#2aafca
```
#2aafca rgb(42,175,202)
```
#21b5d3
```
#21b5d3 rgb(33,181,211)
```
#17bbdd
```
#17bbdd rgb(23,187,221)
```
#0ec2e6
```
#0ec2e6 rgb(14,194,230)
```
#04c8f0
```
#04c8f0 rgb(4,200,240)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#779197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea4c3 Protanopia 1% of men
#9aa2d3 Deuteranopia 1% of men
#26b5c2 Tritanopia 0.001% of the population

Trichromacy

#74a8c5 Protanomaly 1% of men, 0.01% of women
#71a7cf Deuteranomaly 6% of men, 0.4% of women
#27b2c5 Tritanomaly 0.01% of the population

#2aafca hex color

#2aafca Color Information

#2aafca Color Conversion

Color Schemes with #2aafca

Alternatives to #2aafca

#2aafca Preview

Shades and Tints of #2aafca

Tones of #2aafca

Color Blindness Simulator