#2aacbb hex color

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

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

● #2aacbb color description : Strong cyan.

The hexadecimal color #2aacbb has RGB values of R:42, G:172, B:187 and CMYK values of C:0.78, M:0.08, Y:0, K:0.27. Its decimal value is 2796731.

Hex triplet	2aacbb	`#2aacbb`
RGB Decimal	42, 172, 187	`rgb(42,172,187)`
RGB Percent	16.5, 67.5, 73.3	`rgb(16.5%,67.5%,73.3%)`
CMYK	78, 8, 0, 27
HSL	186.2°, 63.3, 44.9	`hsl(186.2,63.3%,44.9%)`
HSV (or HSB)	186.2°, 77.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.63, -28.581, -17.506
XYZ	24.674, 33.583, 52.193
xyY	0.223, 0.304, 33.583
CIE-LCH	64.63, 33.516, 211.488
CIE-LUV	64.63, -45.164, -22.768
Hunter-Lab	57.951, -25.411, -12.833
Binary	00101010, 10101100, 10111011

#2aacbb
```
#2aacbb rgb(42,172,187)
```
#bb392a
```
#bb392a rgb(187,57,42)
```

Complementary Color

#2abb82
```
#2abb82 rgb(42,187,130)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#2a64bb
```
#2a64bb rgb(42,100,187)
```

Analogous Color

#bb822a
```
#bb822a rgb(187,130,42)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#bb2a64
```
#bb2a64 rgb(187,42,100)
```

Split Complementary Color

#acbb2a
```
#acbb2a rgb(172,187,42)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#bb2aac
```
#bb2aac rgb(187,42,172)
```

Triadic Color

#2abb39
```
#2abb39 rgb(42,187,57)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#bb2aac
```
#bb2aac rgb(187,42,172)
```
#bb392a
```
#bb392a rgb(187,57,42)
```

Tetradic Color

#1c737d
```
#1c737d rgb(28,115,125)
```
#218691
```
#218691 rgb(33,134,145)
```
#2599a6
```
#2599a6 rgb(37,153,166)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#2fbfd0
```
#2fbfd0 rgb(47,191,208)
```
#43c6d5
```
#43c6d5 rgb(67,198,213)
```
#58ccd9
```
#58ccd9 rgb(88,204,217)
```

Monochromatic Color

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

#2abba6
```
#2abba6 rgb(42,187,166)
```
#2abbb2
```
#2abbb2 rgb(42,187,178)
```
#2ab8bb
```
#2ab8bb rgb(42,184,187)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#2aa0bb
```
#2aa0bb rgb(42,160,187)
```
#2a94bb
```
#2a94bb rgb(42,148,187)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```

Similar Colors

Text with hexadecimal color #2aacbb

This text has a font color of #2aacbb.

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

#2aacbb background color

This paragraph has a background color of #2aacbb.

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

#2aacbb border color

This element has a border color of #2aacbb.

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

CSS codes

.text {color:#2aacbb;}

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

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

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)
```
#0a272b
```
#0a272b rgb(10,39,43)
```
#0d363b
```
#0d363b rgb(13,54,59)
```
#11454b
```
#11454b rgb(17,69,75)
```
#14545b
```
#14545b rgb(20,84,91)
```
#18626b
```
#18626b rgb(24,98,107)
```
#1c717b
```
#1c717b rgb(28,113,123)
```
#1f808b
```
#1f808b rgb(31,128,139)
```
#238f9b
```
#238f9b rgb(35,143,155)
```
#269dab
```
#269dab rgb(38,157,171)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#2ebbcb
```
#2ebbcb rgb(46,187,203)
```

Shade Color Variation

#3ac3d3
```
#3ac3d3 rgb(58,195,211)
```
#4ac8d6
```
#4ac8d6 rgb(74,200,214)
```
#5acdda
```
#5acdda rgb(90,205,218)
```
#6ad1dd
```
#6ad1dd rgb(106,209,221)
```
#7ad6e1
```
#7ad6e1 rgb(122,214,225)
```
#8adbe5
```
#8adbe5 rgb(138,219,229)
```
#9ae0e8
```
#9ae0e8 rgb(154,224,232)
```
#aae5ec
```
#aae5ec rgb(170,229,236)
```
#baeaef
```
#baeaef rgb(186,234,239)
```
#caeff3
```
#caeff3 rgb(202,239,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 #07c8de is the most saturated one.

#707475
```
#707475 rgb(112,116,117)
```
#687b7d
```
#687b7d rgb(104,123,125)
```
#5f8286
```
#5f8286 rgb(95,130,134)
```
#56898f
```
#56898f rgb(86,137,143)
```
#4d9098
```
#4d9098 rgb(77,144,152)
```
#4497a1
```
#4497a1 rgb(68,151,161)
```
#3c9ea9
```
#3c9ea9 rgb(60,158,169)
```
#33a5b2
```
#33a5b2 rgb(51,165,178)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#18bacd
```
#18bacd rgb(24,186,205)
```
#10c1d5
```
#10c1d5 rgb(16,193,213)
```
#07c8de
```
#07c8de rgb(7,200,222)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#748e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea0b5 Protanopia 1% of men
#9d9ec5 Deuteranopia 1% of men
#33b0bd Tritanopia 0.001% of the population

Trichromacy

#74a4b7 Protanomaly 1% of men, 0.01% of women
#73a3c1 Deuteranomaly 6% of men, 0.4% of women
#30aebc Tritanomaly 0.01% of the population

#2aacbb hex color

#2aacbb Color Information

#2aacbb Color Conversion

Color Schemes with #2aacbb

Alternatives to #2aacbb

#2aacbb Preview

Shades and Tints of #2aacbb

Tones of #2aacbb

Color Blindness Simulator