#3baabd Color Information
In a RGB color space, hex #3baabd is composed of 23.1% red, 66.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 10.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 188.8 degrees, a saturation of 52.4% and a lightness of 48.6%. #3baabd color hex could be obtained by blending #76ffff with #00557b. Closest websafe color is: #3399cc.
-
- R 23
- G 67
- B 74
-
- C 69
- M 10
- Y 0
- K 26
● #3baabd color description : Moderate cyan.
#3baabd Color Conversion
The hexadecimal color #3baabd has RGB values of R:59, G:170, B:189 and CMYK values of C:0.69, M:0.1, Y:0, K:0.26. Its decimal value is 3910333.
Hex triplet | 3baabd | #3baabd |
---|---|---|
RGB Decimal | 59, 170, 189 | rgb(59,170,189) |
RGB Percent | 23.1, 66.7, 74.1 | rgb(23.1%,66.7%,74.1%) |
CMYK | 69, 10, 0, 26 | |
HSL | 188.8°, 52.4, 48.6 | hsl(188.8,52.4%,48.6%) |
HSV (or HSB) | 188.8°, 68.8, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.444, -24.848, -18.869 |
---|---|
XYZ | 25.361, 33.351, 53.242 |
xyY | 0.227, 0.298, 33.351 |
CIE-LCH | 64.444, 31.2, 217.211 |
CIE-LUV | 64.444, -41.74, -25.445 |
Hunter-Lab | 57.751, -22.675, -14.236 |
Binary | 00111011, 10101010, 10111101 |
Color Schemes with #3baabd
Alternatives to #3baabd
Below, you can see some colors close to #3baabd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baabd Preview
This text has a font color of #3baabd.
<span style="color:#3baabd;">Text here</span>
This paragraph has a background color of #3baabd.
<p style="background-color:#3baabd;">Content here</p>
This element has a border color of #3baabd.
<div style="border:1px solid #3baabd;">Content here</div>
.text {color:#3baabd;}
.background {background-color:#3baabd;}
.border {border:1px solid #3baabd;}
Shades and Tints of #3baabd
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, #03090a is the darkest color, while #fafdfd is the lightest one.
-
#03090a
#03090a
rgb(3,9,10)
-
#081619
#081619
rgb(8,22,25)
-
#0c2428
#0c2428
rgb(12,36,40)
-
#113136
#113136
rgb(17,49,54)
-
#163e45
#163e45
rgb(22,62,69)
-
#1a4c54
#1a4c54
rgb(26,76,84)
-
#1f5963
#1f5963
rgb(31,89,99)
-
#246772
#246772
rgb(36,103,114)
-
#287481
#287481
rgb(40,116,129)
-
#2d8290
#2d8290
rgb(45,130,144)
-
#328f9f
#328f9f
rgb(50,143,159)
-
#369dae
#369dae
rgb(54,157,174)
-
#3baabd
#3baabd
rgb(59,170,189)
-
#46b3c5
#46b3c5
rgb(70,179,197)
-
#55b9ca
#55b9ca
rgb(85,185,202)
-
#64bfcf
#64bfcf
rgb(100,191,207)
-
#73c5d3
#73c5d3
rgb(115,197,211)
-
#82cbd8
#82cbd8
rgb(130,203,216)
-
#91d2dd
#91d2dd
rgb(145,210,221)
-
#a0d8e1
#a0d8e1
rgb(160,216,225)
-
#afdee6
#afdee6
rgb(175,222,230)
-
#bee4eb
#bee4eb
rgb(190,228,235)
-
#cdeaef
#cdeaef
rgb(205,234,239)
-
#dcf0f4
#dcf0f4
rgb(220,240,244)
-
#ebf7f9
#ebf7f9
rgb(235,247,249)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #3baabd
A tone is produced by adding gray to any pure hue. In this case, #748184 is the less saturated color, while #02d3f6 is the most saturated one.
-
#748184
#748184
rgb(116,129,132)
-
#6b888d
#6b888d
rgb(107,136,141)
-
#618f97
#618f97
rgb(97,143,151)
-
#5896a0
#5896a0
rgb(88,150,160)
-
#4e9caa
#4e9caa
rgb(78,156,170)
-
#45a3b3
#45a3b3
rgb(69,163,179)
-
#3baabd
#3baabd
rgb(59,170,189)
-
#31b1c7
#31b1c7
rgb(49,177,199)
-
#28b8d0
#28b8d0
rgb(40,184,208)
-
#1ebeda
#1ebeda
rgb(30,190,218)
-
#15c5e3
#15c5e3
rgb(21,197,227)
-
#0bcced
#0bcced
rgb(11,204,237)
-
#02d3f6
#02d3f6
rgb(2,211,246)
Color Blindness Simulator
Below, you can see how #3baabd 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.