#2aafbb hex color

In a RGB color space, hex #2aafbb is composed of 16.5% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 185 degrees, a saturation of 63.3% and a lightness of 44.9%. #2aafbb color hex could be obtained by blending #54ffff with #005f77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 69
- B 73
RGB color chart
- C 78
- M 6
- Y 0
- K 27
CMYK color chart

● #2aafbb color description : Strong cyan.

The hexadecimal color #2aafbb has RGB values of R:42, G:175, B:187 and CMYK values of C:0.78, M:0.06, Y:0, K:0.27. Its decimal value is 2797499.

Hex triplet	2aafbb	`#2aafbb`
RGB Decimal	42, 175, 187	`rgb(42,175,187)`
RGB Percent	16.5, 68.6, 73.3	`rgb(16.5%,68.6%,73.3%)`
CMYK	78, 6, 0, 27
HSL	185°, 63.3, 44.9	`hsl(185,63.3%,44.9%)`
HSV (or HSB)	185°, 77.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.544, -30.051, -16.123
XYZ	25.252, 34.738, 52.385
xyY	0.225, 0.309, 34.738
CIE-LCH	65.544, 34.103, 208.214
CIE-LUV	65.544, -46.23, -20.376
Hunter-Lab	58.939, -26.666, -11.44
Binary	00101010, 10101111, 10111011

#2aafbb
```
#2aafbb rgb(42,175,187)
```
#bb362a
```
#bb362a rgb(187,54,42)
```

Complementary Color

#2abb7f
```
#2abb7f rgb(42,187,127)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#2a67bb
```
#2a67bb rgb(42,103,187)
```

Analogous Color

#bb7f2a
```
#bb7f2a rgb(187,127,42)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#bb2a67
```
#bb2a67 rgb(187,42,103)
```

Split Complementary Color

#afbb2a
```
#afbb2a rgb(175,187,42)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#bb2aaf
```
#bb2aaf rgb(187,42,175)
```

Triadic Color

#2abb36
```
#2abb36 rgb(42,187,54)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#bb2aaf
```
#bb2aaf rgb(187,42,175)
```
#bb362a
```
#bb362a rgb(187,54,42)
```

Tetradic Color

#1c757d
```
#1c757d rgb(28,117,125)
```
#218891
```
#218891 rgb(33,136,145)
```
#259ca6
```
#259ca6 rgb(37,156,166)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#2fc2d0
```
#2fc2d0 rgb(47,194,208)
```
#43c9d5
```
#43c9d5 rgb(67,201,213)
```
#58cfd9
```
#58cfd9 rgb(88,207,217)
```

Monochromatic Color

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

#2abba3
```
#2abba3 rgb(42,187,163)
```
#2abbaf
```
#2abbaf rgb(42,187,175)
```
#2abbbb
```
#2abbbb rgb(42,187,187)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#2aa3bb
```
#2aa3bb rgb(42,163,187)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#2a8bbb
```
#2a8bbb rgb(42,139,187)
```

Similar Colors

Text with hexadecimal color #2aafbb

This text has a font color of #2aafbb.

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

#2aafbb background color

This paragraph has a background color of #2aafbb.

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

#2aafbb border color

This element has a border color of #2aafbb.

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

CSS codes

.text {color:#2aafbb;}

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

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

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, #020a0b is the darkest color, while #fafdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#06191b
```
#06191b rgb(6,25,27)
```
#0a282b
```
#0a282b rgb(10,40,43)
```
#0d373b
```
#0d373b rgb(13,55,59)
```
#11464b
```
#11464b rgb(17,70,75)
```
#14555b
```
#14555b rgb(20,85,91)
```
#18646b
```
#18646b rgb(24,100,107)
```
#1c737b
```
#1c737b rgb(28,115,123)
```
#1f828b
```
#1f828b rgb(31,130,139)
```
#23919b
```
#23919b rgb(35,145,155)
```
#26a0ab
```
#26a0ab rgb(38,160,171)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#2ebecb
```
#2ebecb rgb(46,190,203)
```

Shade Color Variation

#3ac6d3
```
#3ac6d3 rgb(58,198,211)
```
#4acbd6
```
#4acbd6 rgb(74,203,214)
```
#5acfda
```
#5acfda rgb(90,207,218)
```
#6ad4dd
```
#6ad4dd rgb(106,212,221)
```
#7ad8e1
```
#7ad8e1 rgb(122,216,225)
```
#8adde5
```
#8adde5 rgb(138,221,229)
```
#9ae2e8
```
#9ae2e8 rgb(154,226,232)
```
#aae6ec
```
#aae6ec rgb(170,230,236)
```
#baebef
```
#baebef rgb(186,235,239)
```
#caf0f3
```
#caf0f3 rgb(202,240,243)
```
#daf4f7
```
#daf4f7 rgb(218,244,247)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707475 is the less saturated color, while #07ccde is the most saturated one.

#707475
```
#707475 rgb(112,116,117)
```
#687c7d
```
#687c7d rgb(104,124,125)
```
#5f8386
```
#5f8386 rgb(95,131,134)
```
#568a8f
```
#568a8f rgb(86,138,143)
```
#4d9298
```
#4d9298 rgb(77,146,152)
```
#4499a1
```
#4499a1 rgb(68,153,161)
```
#3ca0a9
```
#3ca0a9 rgb(60,160,169)
```
#33a8b2
```
#33a8b2 rgb(51,168,178)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#21b6c4
```
#21b6c4 rgb(33,182,196)
```
#18becd
```
#18becd rgb(24,190,205)
```
#10c5d5
```
#10c5d5 rgb(16,197,213)
```
#07ccde
```
#07ccde rgb(7,204,222)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b4 Protanopia 1% of men
#a1a0c5 Deuteranopia 1% of men
#36b2c0 Tritanopia 0.001% of the population

Trichromacy

#76a7b7 Protanomaly 1% of men, 0.01% of women
#76a6c1 Deuteranomaly 6% of men, 0.4% of women
#32b1be Tritanomaly 0.01% of the population

#2aafbb hex color

#2aafbb Color Information

#2aafbb Color Conversion

Color Schemes with #2aafbb

Alternatives to #2aafbb

#2aafbb Preview

Shades and Tints of #2aafbb

Tones of #2aafbb

Color Blindness Simulator