#3aa5bc Color Information
In a RGB color space, hex #3aa5bc is composed of 22.7% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 190.6 degrees, a saturation of 52.8% and a lightness of 48.2%. #3aa5bc color hex could be obtained by blending #74ffff with #004b79. Closest websafe color is: #3399cc.
-
- R 23
- G 65
- B 74
-
- C 69
- M 12
- Y 0
- K 26
● #3aa5bc color description : Moderate cyan.
#3aa5bc Color Conversion
The hexadecimal color #3aa5bc has RGB values of R:58, G:165, B:188 and CMYK values of C:0.69, M:0.12, Y:0, K:0.26. Its decimal value is 3843516.
Hex triplet | 3aa5bc | #3aa5bc |
---|---|---|
RGB Decimal | 58, 165, 188 | rgb(58,165,188) |
RGB Percent | 22.7, 64.7, 73.7 | rgb(22.7%,64.7%,73.7%) |
CMYK | 69, 12, 0, 26 | |
HSL | 190.6°, 52.8, 48.2 | hsl(190.6,52.8%,48.2%) |
HSV (or HSB) | 190.6°, 69.1, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.876, -22.753, -20.7 |
---|---|
XYZ | 24.275, 31.439, 52.363 |
xyY | 0.225, 0.291, 31.439 |
CIE-LCH | 62.876, 30.76, 222.296 |
CIE-LUV | 62.876, -40.159, -28.604 |
Hunter-Lab | 56.07, -20.844, -16.121 |
Binary | 00111010, 10100101, 10111100 |
Color Schemes with #3aa5bc
Alternatives to #3aa5bc
Below, you can see some colors close to #3aa5bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa5bc Preview
This text has a font color of #3aa5bc.
<span style="color:#3aa5bc;">Text here</span>
This paragraph has a background color of #3aa5bc.
<p style="background-color:#3aa5bc;">Content here</p>
This element has a border color of #3aa5bc.
<div style="border:1px solid #3aa5bc;">Content here</div>
.text {color:#3aa5bc;}
.background {background-color:#3aa5bc;}
.border {border:1px solid #3aa5bc;}
Shades and Tints of #3aa5bc
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, #030708 is the darkest color, while #f8fcfd is the lightest one.
-
#030708
#030708
rgb(3,7,8)
-
#071417
#071417
rgb(7,20,23)
-
#0c2126
#0c2126
rgb(12,33,38)
-
#102f35
#102f35
rgb(16,47,53)
-
#153c44
#153c44
rgb(21,60,68)
-
#1a4953
#1a4953
rgb(26,73,83)
-
#1e5662
#1e5662
rgb(30,86,98)
-
#236371
#236371
rgb(35,99,113)
-
#287080
#287080
rgb(40,112,128)
-
#2c7e8f
#2c7e8f
rgb(44,126,143)
-
#318b9e
#318b9e
rgb(49,139,158)
-
#3598ad
#3598ad
rgb(53,152,173)
-
#3aa5bc
#3aa5bc
rgb(58,165,188)
-
#44afc5
#44afc5
rgb(68,175,197)
-
#53b5ca
#53b5ca
rgb(83,181,202)
-
#62bbcf
#62bbcf
rgb(98,187,207)
-
#71c2d3
#71c2d3
rgb(113,194,211)
-
#80c8d8
#80c8d8
rgb(128,200,216)
-
#8fcfdd
#8fcfdd
rgb(143,207,221)
-
#9ed5e1
#9ed5e1
rgb(158,213,225)
-
#addce6
#addce6
rgb(173,220,230)
-
#bce2ea
#bce2ea
rgb(188,226,234)
-
#cbe9ef
#cbe9ef
rgb(203,233,239)
-
#daeff4
#daeff4
rgb(218,239,244)
-
#e9f6f8
#e9f6f8
rgb(233,246,248)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #3aa5bc
A tone is produced by adding gray to any pure hue. In this case, #738083 is the less saturated color, while #01caf5 is the most saturated one.
-
#738083
#738083
rgb(115,128,131)
-
#69868d
#69868d
rgb(105,134,141)
-
#608d96
#608d96
rgb(96,141,150)
-
#5693a0
#5693a0
rgb(86,147,160)
-
#4d99a9
#4d99a9
rgb(77,153,169)
-
#439fb3
#439fb3
rgb(67,159,179)
-
#3aa5bc
#3aa5bc
rgb(58,165,188)
-
#31abc5
#31abc5
rgb(49,171,197)
-
#27b1cf
#27b1cf
rgb(39,177,207)
-
#1eb7d8
#1eb7d8
rgb(30,183,216)
-
#14bde2
#14bde2
rgb(20,189,226)
-
#0bc4eb
#0bc4eb
rgb(11,196,235)
-
#01caf5
#01caf5
rgb(1,202,245)
Color Blindness Simulator
Below, you can see how #3aa5bc 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.