#3baae6 Color Information
In a RGB color space, hex #3baae6 is composed of 23.1% red, 66.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 26.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 201.1 degrees, a saturation of 77.4% and a lightness of 56.7%. #3baae6 color hex could be obtained by blending #76ffff with #0055cd. Closest websafe color is: #3399ff.
-
- R 23
- G 67
- B 90
-
- C 74
- M 26
- Y 0
- K 10
● #3baae6 color description : Bright blue.
#3baae6 Color Conversion
The hexadecimal color #3baae6 has RGB values of R:59, G:170, B:230 and CMYK values of C:0.74, M:0.26, Y:0, K:0.1. Its decimal value is 3910374.
Hex triplet | 3baae6 | #3baae6 |
---|---|---|
RGB Decimal | 59, 170, 230 | rgb(59,170,230) |
RGB Percent | 23.1, 66.7, 90.2 | rgb(23.1%,66.7%,90.2%) |
CMYK | 74, 26, 0, 10 | |
HSL | 201.1°, 77.4, 56.7 | hsl(201.1,77.4%,56.7%) |
HSV (or HSB) | 201.1°, 74.3, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.051, -11.513, -39.067 |
---|---|
XYZ | 30.458, 35.39, 80.084 |
xyY | 0.209, 0.243, 35.39 |
CIE-LCH | 66.051, 40.728, 253.579 |
CIE-LUV | 66.051, -39.367, -60.943 |
Hunter-Lab | 59.489, -12.717, -38.173 |
Binary | 00111011, 10101010, 11100110 |
Color Schemes with #3baae6
Alternatives to #3baae6
Below, you can see some colors close to #3baae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baae6 Preview
This text has a font color of #3baae6.
<span style="color:#3baae6;">Text here</span>
This paragraph has a background color of #3baae6.
<p style="background-color:#3baae6;">Content here</p>
This element has a border color of #3baae6.
<div style="border:1px solid #3baae6;">Content here</div>
.text {color:#3baae6;}
.background {background-color:#3baae6;}
.border {border:1px solid #3baae6;}
Shades and Tints of #3baae6
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, #02090d is the darkest color, while #fafdfe is the lightest one.
-
#02090d
#02090d
rgb(2,9,13)
-
#04151e
#04151e
rgb(4,21,30)
-
#062130
#062130
rgb(6,33,48)
-
#082d41
#082d41
rgb(8,45,65)
-
#0b3952
#0b3952
rgb(11,57,82)
-
#0d4564
#0d4564
rgb(13,69,100)
-
#0f5175
#0f5175
rgb(15,81,117)
-
#115d87
#115d87
rgb(17,93,135)
-
#136998
#136998
rgb(19,105,152)
-
#1675a9
#1675a9
rgb(22,117,169)
-
#1882bb
#1882bb
rgb(24,130,187)
-
#1a8ecc
#1a8ecc
rgb(26,142,204)
-
#1c9ade
#1c9ade
rgb(28,154,222)
-
#2aa2e4
#2aa2e4
rgb(42,162,228)
-
#3baae6
#3baae6
rgb(59,170,230)
-
#4cb2e8
#4cb2e8
rgb(76,178,232)
-
#5eb9ea
#5eb9ea
rgb(94,185,234)
-
#6fc1ed
#6fc1ed
rgb(111,193,237)
-
#81c8ef
#81c8ef
rgb(129,200,239)
-
#92d0f1
#92d0f1
rgb(146,208,241)
-
#a3d7f3
#a3d7f3
rgb(163,215,243)
-
#b5dff6
#b5dff6
rgb(181,223,246)
-
#c6e6f8
#c6e6f8
rgb(198,230,248)
-
#d8eefa
#d8eefa
rgb(216,238,250)
-
#e9f5fc
#e9f5fc
rgb(233,245,252)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #3baae6
A tone is produced by adding gray to any pure hue. In this case, #909191 is the less saturated color, while #2aaff7 is the most saturated one.
-
#909191
#909191
rgb(144,145,145)
-
#88939a
#88939a
rgb(136,147,154)
-
#7f96a2
#7f96a2
rgb(127,150,162)
-
#7798ab
#7798ab
rgb(119,152,171)
-
#6e9bb3
#6e9bb3
rgb(110,155,179)
-
#669dbc
#669dbc
rgb(102,157,188)
-
#5da0c4
#5da0c4
rgb(93,160,196)
-
#55a2cd
#55a2cd
rgb(85,162,205)
-
#4ca5d5
#4ca5d5
rgb(76,165,213)
-
#44a7de
#44a7de
rgb(68,167,222)
-
#3baae6
#3baae6
rgb(59,170,230)
-
#33adef
#33adef
rgb(51,173,239)
-
#2aaff7
#2aaff7
rgb(42,175,247)
Color Blindness Simulator
Below, you can see how #3baae6 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.