#3aabc2 hex color

In a RGB color space, hex #3aabc2 is composed of 22.7% red, 67.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 11.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 190.1 degrees, a saturation of 54% and a lightness of 49.4%. #3aabc2 color hex could be obtained by blending #74ffff with #005785. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 67
- B 76
RGB color chart
- C 70
- M 12
- Y 0
- K 24
CMYK color chart

● #3aabc2 color description : Moderate cyan.

The hexadecimal color #3aabc2 has RGB values of R:58, G:171, B:194 and CMYK values of C:0.7, M:0.12, Y:0, K:0.24. Its decimal value is 3845058.

Hex triplet	3aabc2	`#3aabc2`
RGB Decimal	58, 171, 194	`rgb(58,171,194)`
RGB Percent	22.7, 67.1, 76.1	`rgb(22.7%,67.1%,76.1%)`
CMYK	70, 12, 0, 24
HSL	190.1°, 54, 49.4	`hsl(190.1,54%,49.4%)`
HSV (or HSB)	190.1°, 70.1, 76.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.898, -23.944, -20.962
XYZ	26.043, 33.918, 56.21
xyY	0.224, 0.292, 33.918
CIE-LCH	64.898, 31.823, 221.202
CIE-LUV	64.898, -41.975, -29.007
Hunter-Lab	58.239, -22.099, -16.457
Binary	00111010, 10101011, 11000010

#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#c2513a
```
#c2513a rgb(194,81,58)
```

Complementary Color

#3ac295
```
#3ac295 rgb(58,194,149)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#3a67c2
```
#3a67c2 rgb(58,103,194)
```

Analogous Color

#c2953a
```
#c2953a rgb(194,149,58)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#c23a67
```
#c23a67 rgb(194,58,103)
```

Split Complementary Color

#abc23a
```
#abc23a rgb(171,194,58)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#c23aab
```
#c23aab rgb(194,58,171)
```

Triadic Color

#3ac251
```
#3ac251 rgb(58,194,81)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#c23aab
```
#c23aab rgb(194,58,171)
```
#c2513a
```
#c2513a rgb(194,81,58)
```

Tetradic Color

#287787
```
#287787 rgb(40,119,135)
```
#2e889b
```
#2e889b rgb(46,136,155)
```
#349aae
```
#349aae rgb(52,154,174)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#4cb4c9
```
#4cb4c9 rgb(76,180,201)
```
#60bccf
```
#60bccf rgb(96,188,207)
```
#73c5d5
```
#73c5d5 rgb(115,197,213)
```

Monochromatic Color

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

#3ac2b7
```
#3ac2b7 rgb(58,194,183)
```
#3ac2c2
```
#3ac2c2 rgb(58,194,194)
```
#3ab6c2
```
#3ab6c2 rgb(58,182,194)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#3aa0c2
```
#3aa0c2 rgb(58,160,194)
```
#3a94c2
```
#3a94c2 rgb(58,148,194)
```
#3a89c2
```
#3a89c2 rgb(58,137,194)
```

Similar Colors

Text with hexadecimal color #3aabc2

This text has a font color of #3aabc2.

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

#3aabc2 background color

This paragraph has a background color of #3aabc2.

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

#3aabc2 border color

This element has a border color of #3aabc2.

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

CSS codes

.text {color:#3aabc2;}

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

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

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, #040b0d is the darkest color, while #fdfefe is the lightest one.

#040b0d
```
#040b0d rgb(4,11,13)
```
#08191c
```
#08191c rgb(8,25,28)
```
#0d262b
```
#0d262b rgb(13,38,43)
```
#11333a
```
#11333a rgb(17,51,58)
```
#164149
```
#164149 rgb(22,65,73)
```
#1a4e58
```
#1a4e58 rgb(26,78,88)
```
#1f5b67
```
#1f5b67 rgb(31,91,103)
```
#236876
```
#236876 rgb(35,104,118)
```
#287686
```
#287686 rgb(40,118,134)
```
#2c8395
```
#2c8395 rgb(44,131,149)
```
#3190a4
```
#3190a4 rgb(49,144,164)
```
#359eb3
```
#359eb3 rgb(53,158,179)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```

Shade Color Variation

#47b2c8
```
#47b2c8 rgb(71,178,200)
```
#57b9cd
```
#57b9cd rgb(87,185,205)
```
#66bfd1
```
#66bfd1 rgb(102,191,209)
```
#75c5d6
```
#75c5d6 rgb(117,197,214)
```
#84ccda
```
#84ccda rgb(132,204,218)
```
#93d2df
```
#93d2df rgb(147,210,223)
```
#a2d8e3
```
#a2d8e3 rgb(162,216,227)
```
#b1dfe8
```
#b1dfe8 rgb(177,223,232)
```
#c0e5ec
```
#c0e5ec rgb(192,229,236)
```
#cfebf1
```
#cfebf1 rgb(207,235,241)
```
#def1f5
```
#def1f5 rgb(222,241,245)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #0acbf2 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#748588
```
#748588 rgb(116,133,136)
```
#6a8b92
```
#6a8b92 rgb(106,139,146)
```
#61919b
```
#61919b rgb(97,145,155)
```
#5798a5
```
#5798a5 rgb(87,152,165)
```
#4d9eaf
```
#4d9eaf rgb(77,158,175)
```
#44a5b8
```
#44a5b8 rgb(68,165,184)
```
#3aabc2
```
#3aabc2 rgb(58,171,194)
```
#30b1cc
```
#30b1cc rgb(48,177,204)
```
#27b8d5
```
#27b8d5 rgb(39,184,213)
```
#1dbedf
```
#1dbedf rgb(29,190,223)
```
#13c5e9
```
#13c5e9 rgb(19,197,233)
```
#0acbf2
```
#0acbf2 rgb(10,203,242)
```

Tone Color Variation

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

Dichromacy

#9ca1bc Protanopia 1% of men
#9a9fcb Deuteranopia 1% of men
#3eb0bd Tritanopia 0.001% of the population

Trichromacy

#78a4be Protanomaly 1% of men, 0.01% of women
#77a3c7 Deuteranomaly 6% of men, 0.4% of women
#3caebf Tritanomaly 0.01% of the population

#3aabc2 hex color

#3aabc2 Color Information

#3aabc2 Color Conversion

Color Schemes with #3aabc2

Alternatives to #3aabc2

#3aabc2 Preview

Shades and Tints of #3aabc2

Tones of #3aabc2

Color Blindness Simulator