#3aaabb hex color

In a RGB color space, hex #3aaabb is composed of 22.7% red, 66.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 9.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 187.9 degrees, a saturation of 52.7% and a lightness of 48%. #3aaabb color hex could be obtained by blending #74ffff with #005577. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 67
- B 73
RGB color chart
- C 69
- M 9
- Y 0
- K 27
CMYK color chart

● #3aaabb color description : Moderate cyan.

The hexadecimal color #3aaabb has RGB values of R:58, G:170, B:187 and CMYK values of C:0.69, M:0.09, Y:0, K:0.27. Its decimal value is 3844795.

Hex triplet	3aaabb	`#3aaabb`
RGB Decimal	58, 170, 187	`rgb(58,170,187)`
RGB Percent	22.7, 66.7, 73.3	`rgb(22.7%,66.7%,73.3%)`
CMYK	69, 9, 0, 27
HSL	187.9°, 52.7, 48	`hsl(187.9,52.7%,48%)`
HSV (or HSB)	187.9°, 69, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.35, -25.609, -17.899
XYZ	25.087, 33.235, 52.104
xyY	0.227, 0.301, 33.235
CIE-LCH	64.35, 31.244, 214.952
CIE-LUV	64.35, -42.039, -23.769
Hunter-Lab	57.65, -23.211, -13.232
Binary	00111010, 10101010, 10111011

#3aaabb
```
#3aaabb rgb(58,170,187)
```
#bb4b3a
```
#bb4b3a rgb(187,75,58)
```

Complementary Color

#3abb8c
```
#3abb8c rgb(58,187,140)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#3a6abb
```
#3a6abb rgb(58,106,187)
```

Analogous Color

#bb8c3a
```
#bb8c3a rgb(187,140,58)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#bb3a6a
```
#bb3a6a rgb(187,58,106)
```

Split Complementary Color

#aabb3a
```
#aabb3a rgb(170,187,58)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#bb3aaa
```
#bb3aaa rgb(187,58,170)
```

Triadic Color

#3abb4b
```
#3abb4b rgb(58,187,75)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#bb3aaa
```
#bb3aaa rgb(187,58,170)
```
#bb4b3a
```
#bb4b3a rgb(187,75,58)
```

Tetradic Color

#287581
```
#287581 rgb(40,117,129)
```
#2e8794
```
#2e8794 rgb(46,135,148)
```
#3498a8
```
#3498a8 rgb(52,152,168)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#48b6c6
```
#48b6c6 rgb(72,182,198)
```
#5cbdcc
```
#5cbdcc rgb(92,189,204)
```
#6fc5d2
```
#6fc5d2 rgb(111,197,210)
```

Monochromatic Color

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

#3abbac
```
#3abbac rgb(58,187,172)
```
#3abbb7
```
#3abbb7 rgb(58,187,183)
```
#3ab5bb
```
#3ab5bb rgb(58,181,187)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#3a9fbb
```
#3a9fbb rgb(58,159,187)
```
#3a95bb
```
#3a95bb rgb(58,149,187)
```
#3a8abb
```
#3a8abb rgb(58,138,187)
```

Similar Colors

Text with hexadecimal color #3aaabb

This text has a font color of #3aaabb.

<span style="color:#3aaabb;">Text here</span>

#3aaabb background color

This paragraph has a background color of #3aaabb.

<p style="background-color:#3aaabb;">Content here</p>

#3aaabb border color

This element has a border color of #3aaabb.

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

CSS codes

.text {color:#3aaabb;}

.background {background-color:#3aaabb;}

.border {border:1px solid #3aaabb;}

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

#020707
```
#020707 rgb(2,7,7)
```
#071416
```
#071416 rgb(7,20,22)
```
#0c2225
```
#0c2225 rgb(12,34,37)
```
#103034
```
#103034 rgb(16,48,52)
```
#153d43
```
#153d43 rgb(21,61,67)
```
#194b52
```
#194b52 rgb(25,75,82)
```
#1e5861
```
#1e5861 rgb(30,88,97)
```
#236670
```
#236670 rgb(35,102,112)
```
#27747f
```
#27747f rgb(39,116,127)
```
#2c818e
```
#2c818e rgb(44,129,142)
```
#318f9d
```
#318f9d rgb(49,143,157)
```
#359cac
```
#359cac rgb(53,156,172)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```

Shade Color Variation

#44b4c5
```
#44b4c5 rgb(68,180,197)
```
#53baca
```
#53baca rgb(83,186,202)
```
#62c0ce
```
#62c0ce rgb(98,192,206)
```
#71c6d3
```
#71c6d3 rgb(113,198,211)
```
#80ccd7
```
#80ccd7 rgb(128,204,215)
```
#8fd2dc
```
#8fd2dc rgb(143,210,220)
```
#9ed8e1
```
#9ed8e1 rgb(158,216,225)
```
#addee5
```
#addee5 rgb(173,222,229)
```
#bbe4ea
```
#bbe4ea rgb(187,228,234)
```
#caeaef
```
#caeaef rgb(202,234,239)
```
#d9f0f3
```
#d9f0f3 rgb(217,240,243)
```
#e8f6f8
```
#e8f6f8 rgb(232,246,248)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#738082
```
#738082 rgb(115,128,130)
```
#69878c
```
#69878c rgb(105,135,140)
```
#608e95
```
#608e95 rgb(96,142,149)
```
#56959f
```
#56959f rgb(86,149,159)
```
#4d9ca8
```
#4d9ca8 rgb(77,156,168)
```
#43a3b2
```
#43a3b2 rgb(67,163,178)
```
#3aaabb
```
#3aaabb rgb(58,170,187)
```
#31b1c4
```
#31b1c4 rgb(49,177,196)
```
#27b8ce
```
#27b8ce rgb(39,184,206)
```
#1ebfd7
```
#1ebfd7 rgb(30,191,215)
```
#14c6e1
```
#14c6e1 rgb(20,198,225)
```
#0bcdea
```
#0bcdea rgb(11,205,234)
```
#01d4f4
```
#01d4f4 rgb(1,212,244)
```

Tone Color Variation

Below, you can see how #3aaabb 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
#7a9094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9fb5 Protanopia 1% of men
#9c9ec4 Deuteranopia 1% of men
#42aebb Tritanopia 0.001% of the population

Trichromacy

#79a3b7 Protanomaly 1% of men, 0.01% of women
#78a2c1 Deuteranomaly 6% of men, 0.4% of women
#3fadbb Tritanomaly 0.01% of the population

#3aaabb hex color

#3aaabb Color Information

#3aaabb Color Conversion

Color Schemes with #3aaabb

Alternatives to #3aaabb

#3aaabb Preview

Shades and Tints of #3aaabb

Tones of #3aaabb

Color Blindness Simulator