#3aa1bd Color Information
In a RGB color space, hex #3aa1bd is composed of 22.7% red, 63.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 14.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 192.8 degrees, a saturation of 53% and a lightness of 48.4%. #3aa1bd color hex could be obtained by blending #74ffff with #00437b. Closest websafe color is: #3399cc.
-
- R 23
- G 63
- B 74
-
- C 69
- M 15
- Y 0
- K 26
● #3aa1bd color description : Moderate cyan.
#3aa1bd Color Conversion
The hexadecimal color #3aa1bd has RGB values of R:58, G:161, B:189 and CMYK values of C:0.69, M:0.15, Y:0, K:0.26. Its decimal value is 3842493.
Hex triplet | 3aa1bd | #3aa1bd |
---|---|---|
RGB Decimal | 58, 161, 189 | rgb(58,161,189) |
RGB Percent | 22.7, 63.1, 74.1 | rgb(22.7%,63.1%,74.1%) |
CMYK | 69, 15, 0, 26 | |
HSL | 192.8°, 53, 48.4 | hsl(192.8,53%,48.4%) |
HSV (or HSB) | 192.8°, 69.3, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.707, -20.359, -23.047 |
---|---|
XYZ | 23.673, 30.061, 52.696 |
xyY | 0.222, 0.282, 30.061 |
CIE-LCH | 61.707, 30.752, 228.544 |
CIE-LUV | 61.707, -38.645, -32.656 |
Hunter-Lab | 54.828, -18.88, -18.605 |
Binary | 00111010, 10100001, 10111101 |
Color Schemes with #3aa1bd
Alternatives to #3aa1bd
Below, you can see some colors close to #3aa1bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa1bd Preview
This text has a font color of #3aa1bd.
<span style="color:#3aa1bd;">Text here</span>
This paragraph has a background color of #3aa1bd.
<p style="background-color:#3aa1bd;">Content here</p>
This element has a border color of #3aa1bd.
<div style="border:1px solid #3aa1bd;">Content here</div>
.text {color:#3aa1bd;}
.background {background-color:#3aa1bd;}
.border {border:1px solid #3aa1bd;}
Shades and Tints of #3aa1bd
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, #030809 is the darkest color, while #f9fcfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#071418
#071418
rgb(7,20,24)
-
#0c2127
#0c2127
rgb(12,33,39)
-
#112e36
#112e36
rgb(17,46,54)
-
#153b45
#153b45
rgb(21,59,69)
-
#1a4754
#1a4754
rgb(26,71,84)
-
#1e5463
#1e5463
rgb(30,84,99)
-
#236172
#236172
rgb(35,97,114)
-
#286e81
#286e81
rgb(40,110,129)
-
#2c7b90
#2c7b90
rgb(44,123,144)
-
#31879f
#31879f
rgb(49,135,159)
-
#3594ae
#3594ae
rgb(53,148,174)
-
#3aa1bd
#3aa1bd
rgb(58,161,189)
-
#45aac6
#45aac6
rgb(69,170,198)
-
#54b1ca
#54b1ca
rgb(84,177,202)
-
#63b8cf
#63b8cf
rgb(99,184,207)
-
#72bfd4
#72bfd4
rgb(114,191,212)
-
#81c6d8
#81c6d8
rgb(129,198,216)
-
#90ccdd
#90ccdd
rgb(144,204,221)
-
#9fd3e1
#9fd3e1
rgb(159,211,225)
-
#aedae6
#aedae6
rgb(174,218,230)
-
#bde1eb
#bde1eb
rgb(189,225,235)
-
#cce8ef
#cce8ef
rgb(204,232,239)
-
#dbeff4
#dbeff4
rgb(219,239,244)
-
#eaf5f9
#eaf5f9
rgb(234,245,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #3aa1bd
A tone is produced by adding gray to any pure hue. In this case, #738084 is the less saturated color, while #01c2f6 is the most saturated one.
-
#738084
#738084
rgb(115,128,132)
-
#6a868e
#6a868e
rgb(106,134,142)
-
#608b97
#608b97
rgb(96,139,151)
-
#5791a1
#5791a1
rgb(87,145,161)
-
#4d96aa
#4d96aa
rgb(77,150,170)
-
#449cb4
#449cb4
rgb(68,156,180)
-
#3aa1bd
#3aa1bd
rgb(58,161,189)
-
#31a6c7
#31a6c7
rgb(49,166,199)
-
#27acd0
#27acd0
rgb(39,172,208)
-
#1eb1da
#1eb1da
rgb(30,177,218)
-
#14b7e3
#14b7e3
rgb(20,183,227)
-
#0bbced
#0bbced
rgb(11,188,237)
-
#01c2f6
#01c2f6
rgb(1,194,246)
Color Blindness Simulator
Below, you can see how #3aa1bd 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.