#3aa0bc Color Information
In a RGB color space, hex #3aa0bc is composed of 22.7% red, 62.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 14.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 192.9 degrees, a saturation of 52.8% and a lightness of 48.2%. #3aa0bc color hex could be obtained by blending #74ffff with #004179. Closest websafe color is: #3399cc.
-
- R 23
- G 63
- B 74
-
- C 69
- M 15
- Y 0
- K 26
● #3aa0bc color description : Moderate cyan.
#3aa0bc Color Conversion
The hexadecimal color #3aa0bc has RGB values of R:58, G:160, B:188 and CMYK values of C:0.69, M:0.15, Y:0, K:0.26. Its decimal value is 3842236.
Hex triplet | 3aa0bc | #3aa0bc |
---|---|---|
RGB Decimal | 58, 160, 188 | rgb(58,160,188) |
RGB Percent | 22.7, 62.7, 73.7 | rgb(22.7%,62.7%,73.7%) |
CMYK | 69, 15, 0, 26 | |
HSL | 192.9°, 52.8, 48.2 | hsl(192.9,52.8%,48.2%) |
HSV (or HSB) | 192.9°, 69.1, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.368, -20.154, -23.005 |
---|---|
XYZ | 23.39, 29.67, 52.068 |
xyY | 0.222, 0.282, 29.67 |
CIE-LCH | 61.368, 30.585, 228.78 |
CIE-LUV | 61.368, -38.339, -32.586 |
Hunter-Lab | 54.47, -18.672, -18.546 |
Binary | 00111010, 10100000, 10111100 |
Color Schemes with #3aa0bc
Alternatives to #3aa0bc
Below, you can see some colors close to #3aa0bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa0bc Preview
This text has a font color of #3aa0bc.
<span style="color:#3aa0bc;">Text here</span>
This paragraph has a background color of #3aa0bc.
<p style="background-color:#3aa0bc;">Content here</p>
This element has a border color of #3aa0bc.
<div style="border:1px solid #3aa0bc;">Content here</div>
.text {color:#3aa0bc;}
.background {background-color:#3aa0bc;}
.border {border:1px solid #3aa0bc;}
Shades and Tints of #3aa0bc
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)
-
#0c2026
#0c2026
rgb(12,32,38)
-
#102d35
#102d35
rgb(16,45,53)
-
#153a44
#153a44
rgb(21,58,68)
-
#1a4753
#1a4753
rgb(26,71,83)
-
#1e5362
#1e5362
rgb(30,83,98)
-
#236071
#236071
rgb(35,96,113)
-
#286d80
#286d80
rgb(40,109,128)
-
#2c7a8f
#2c7a8f
rgb(44,122,143)
-
#31869e
#31869e
rgb(49,134,158)
-
#3593ad
#3593ad
rgb(53,147,173)
-
#3aa0bc
#3aa0bc
rgb(58,160,188)
-
#44aac5
#44aac5
rgb(68,170,197)
-
#53b0ca
#53b0ca
rgb(83,176,202)
-
#62b7cf
#62b7cf
rgb(98,183,207)
-
#71bed3
#71bed3
rgb(113,190,211)
-
#80c5d8
#80c5d8
rgb(128,197,216)
-
#8fccdd
#8fccdd
rgb(143,204,221)
-
#9ed3e1
#9ed3e1
rgb(158,211,225)
-
#addae6
#addae6
rgb(173,218,230)
-
#bce0ea
#bce0ea
rgb(188,224,234)
-
#cbe7ef
#cbe7ef
rgb(203,231,239)
-
#daeef4
#daeef4
rgb(218,238,244)
-
#e9f5f8
#e9f5f8
rgb(233,245,248)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #3aa0bc
A tone is produced by adding gray to any pure hue. In this case, #738083 is the less saturated color, while #01c0f5 is the most saturated one.
-
#738083
#738083
rgb(115,128,131)
-
#69858d
#69858d
rgb(105,133,141)
-
#608a96
#608a96
rgb(96,138,150)
-
#5690a0
#5690a0
rgb(86,144,160)
-
#4d95a9
#4d95a9
rgb(77,149,169)
-
#439bb3
#439bb3
rgb(67,155,179)
-
#3aa0bc
#3aa0bc
rgb(58,160,188)
-
#31a5c5
#31a5c5
rgb(49,165,197)
-
#27abcf
#27abcf
rgb(39,171,207)
-
#1eb0d8
#1eb0d8
rgb(30,176,216)
-
#14b6e2
#14b6e2
rgb(20,182,226)
-
#0bbbeb
#0bbbeb
rgb(11,187,235)
-
#01c0f5
#01c0f5
rgb(1,192,245)
Color Blindness Simulator
Below, you can see how #3aa0bc 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.