#3aaeb5 hex color

In a RGB color space, hex #3aaeb5 is composed of 22.7% red, 68.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 3.9% magenta, 0% yellow and 29% black. It has a hue angle of 183.4 degrees, a saturation of 51.5% and a lightness of 46.9%. #3aaeb5 color hex could be obtained by blending #74ffff with #005d6b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 68
- B 71
RGB color chart
- C 68
- M 4
- Y 0
- K 29
CMYK color chart

● #3aaeb5 color description : Moderate cyan.

The hexadecimal color #3aaeb5 has RGB values of R:58, G:174, B:181 and CMYK values of C:0.68, M:0.04, Y:0, K:0.29. Its decimal value is 3845813.

Hex triplet	3aaeb5	`#3aaeb5`
RGB Decimal	58, 174, 181	`rgb(58,174,181)`
RGB Percent	22.7, 68.2, 71	`rgb(22.7%,68.2%,71%)`
CMYK	68, 4, 0, 29
HSL	183.4°, 51.5, 46.9	`hsl(183.4,51.5%,46.9%)`
HSV (or HSB)	183.4°, 68, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.362, -29.406, -13.032
XYZ	25.219, 34.506, 49.045
xyY	0.232, 0.317, 34.506
CIE-LCH	65.362, 32.164, 203.902
CIE-LUV	65.362, -43.87, -15.483
Hunter-Lab	58.741, -26.164, -8.384
Binary	00111010, 10101110, 10110101

#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#b5413a
```
#b5413a rgb(181,65,58)
```

Complementary Color

#3ab57f
```
#3ab57f rgb(58,181,127)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#3a71b5
```
#3a71b5 rgb(58,113,181)
```

Analogous Color

#b57f3a
```
#b57f3a rgb(181,127,58)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#b53a71
```
#b53a71 rgb(181,58,113)
```

Split Complementary Color

#aeb53a
```
#aeb53a rgb(174,181,58)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#b53aae
```
#b53aae rgb(181,58,174)
```

Triadic Color

#3ab541
```
#3ab541 rgb(58,181,65)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#b53aae
```
#b53aae rgb(181,58,174)
```
#b5413a
```
#b5413a rgb(181,65,58)
```

Tetradic Color

#27767b
```
#27767b rgb(39,118,123)
```
#2e898e
```
#2e898e rgb(46,137,142)
```
#349ba2
```
#349ba2 rgb(52,155,162)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#45bcc3
```
#45bcc3 rgb(69,188,195)
```
#58c3ca
```
#58c3ca rgb(88,195,202)
```
#6ccad0
```
#6ccad0 rgb(108,202,208)
```

Monochromatic Color

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

#3ab59d
```
#3ab59d rgb(58,181,157)
```
#3ab5a8
```
#3ab5a8 rgb(58,181,168)
```
#3ab5b2
```
#3ab5b2 rgb(58,181,178)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#3aa4b5
```
#3aa4b5 rgb(58,164,181)
```
#3a9ab5
```
#3a9ab5 rgb(58,154,181)
```
#3a8fb5
```
#3a8fb5 rgb(58,143,181)
```

Similar Colors

Text with hexadecimal color #3aaeb5

This text has a font color of #3aaeb5.

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

#3aaeb5 background color

This paragraph has a background color of #3aaeb5.

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

#3aaeb5 border color

This element has a border color of #3aaeb5.

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

CSS codes

.text {color:#3aaeb5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061112
```
#061112 rgb(6,17,18)
```
#0a1f20
```
#0a1f20 rgb(10,31,32)
```
#0f2d2f
```
#0f2d2f rgb(15,45,47)
```
#143c3e
```
#143c3e rgb(20,60,62)
```
#194a4d
```
#194a4d rgb(25,74,77)
```
#1d585c
```
#1d585c rgb(29,88,92)
```
#22676b
```
#22676b rgb(34,103,107)
```
#27757a
```
#27757a rgb(39,117,122)
```
#2c8388
```
#2c8388 rgb(44,131,136)
```
#309197
```
#309197 rgb(48,145,151)
```
#35a0a6
```
#35a0a6 rgb(53,160,166)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```

Shade Color Variation

#41bbc2
```
#41bbc2 rgb(65,187,194)
```
#4fc0c7
```
#4fc0c7 rgb(79,192,199)
```
#5ec5cc
```
#5ec5cc rgb(94,197,204)
```
#6dcbd0
```
#6dcbd0 rgb(109,203,208)
```
#7cd0d5
```
#7cd0d5 rgb(124,208,213)
```
#8bd5da
```
#8bd5da rgb(139,213,218)
```
#9adbdf
```
#9adbdf rgb(154,219,223)
```
#a9e0e3
```
#a9e0e3 rgb(169,224,227)
```
#b7e5e8
```
#b7e5e8 rgb(183,229,232)
```
#c6ebed
```
#c6ebed rgb(198,235,237)
```
#d5f0f2
```
#d5f0f2 rgb(213,240,242)
```
#e4f5f6
```
#e4f5f6 rgb(228,245,246)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717d7e is the less saturated color, while #03dfec is the most saturated one.

#717d7e
```
#717d7e rgb(113,125,126)
```
#688587
```
#688587 rgb(104,133,135)
```
#5f8d90
```
#5f8d90 rgb(95,141,144)
```
#569699
```
#569699 rgb(86,150,153)
```
#4c9ea3
```
#4c9ea3 rgb(76,158,163)
```
#43a6ac
```
#43a6ac rgb(67,166,172)
```
#3aaeb5
```
#3aaeb5 rgb(58,174,181)
```
#31b6be
```
#31b6be rgb(49,182,190)
```
#28bec7
```
#28bec7 rgb(40,190,199)
```
#1ec6d1
```
#1ec6d1 rgb(30,198,209)
```
#15cfda
```
#15cfda rgb(21,207,218)
```
#0cd7e3
```
#0cd7e3 rgb(12,215,227)
```
#03dfec
```
#03dfec rgb(3,223,236)
```

Tone Color Variation

Below, you can see how #3aaeb5 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

#8c8c8c Achromatopsia 0.005% of the population
#7c9394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a2af Protanopia 1% of men
#a4a0bf Deuteranopia 1% of men
#48b1be Tritanopia 0.001% of the population

Trichromacy

#7ca6b1 Protanomaly 1% of men, 0.01% of women
#7da5bb Deuteranomaly 6% of men, 0.4% of women
#42b0ba Tritanomaly 0.01% of the population

#3aaeb5 hex color

#3aaeb5 Color Information

#3aaeb5 Color Conversion

Color Schemes with #3aaeb5

Alternatives to #3aaeb5

#3aaeb5 Preview

Shades and Tints of #3aaeb5

Tones of #3aaeb5

Color Blindness Simulator