#3baae1 Color Information
In a RGB color space, hex #3baae1 is composed of 23.1% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 199.9 degrees, a saturation of 73.5% and a lightness of 55.7%. #3baae1 color hex could be obtained by blending #76ffff with #0055c3. Closest websafe color is: #3399cc.
-
- R 23
- G 67
- B 88
-
- C 74
- M 24
- Y 0
- K 12
● #3baae1 color description : Bright blue.
#3baae1 Color Conversion
The hexadecimal color #3baae1 has RGB values of R:59, G:170, B:225 and CMYK values of C:0.74, M:0.24, Y:0, K:0.12. Its decimal value is 3910369.
Hex triplet | 3baae1 | #3baae1 |
---|---|---|
RGB Decimal | 59, 170, 225 | rgb(59,170,225) |
RGB Percent | 23.1, 66.7, 88.2 | rgb(23.1%,66.7%,88.2%) |
CMYK | 74, 24, 0, 12 | |
HSL | 199.9°, 73.5, 55.7 | hsl(199.9,73.5%,55.7%) |
HSV (or HSB) | 199.9°, 73.8, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.837, -13.2, -36.655 |
---|---|
XYZ | 29.766, 35.113, 76.439 |
xyY | 0.211, 0.248, 35.113 |
CIE-LCH | 65.837, 38.959, 250.194 |
CIE-LUV | 65.837, -39.643, -56.629 |
Hunter-Lab | 59.256, -14.034, -35.003 |
Binary | 00111011, 10101010, 11100001 |
Color Schemes with #3baae1
Alternatives to #3baae1
Below, you can see some colors close to #3baae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baae1 Preview
This text has a font color of #3baae1.
<span style="color:#3baae1;">Text here</span>
This paragraph has a background color of #3baae1.
<p style="background-color:#3baae1;">Content here</p>
This element has a border color of #3baae1.
<div style="border:1px solid #3baae1;">Content here</div>
.text {color:#3baae1;}
.background {background-color:#3baae1;}
.border {border:1px solid #3baae1;}
Shades and Tints of #3baae1
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, #010608 is the darkest color, while #f6fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#041219
#041219
rgb(4,18,25)
-
#061e2a
#061e2a
rgb(6,30,42)
-
#092b3b
#092b3b
rgb(9,43,59)
-
#0c374c
#0c374c
rgb(12,55,76)
-
#0e435d
#0e435d
rgb(14,67,93)
-
#114f6e
#114f6e
rgb(17,79,110)
-
#135c7f
#135c7f
rgb(19,92,127)
-
#166890
#166890
rgb(22,104,144)
-
#1974a1
#1974a1
rgb(25,116,161)
-
#1b80b2
#1b80b2
rgb(27,128,178)
-
#1e8cc3
#1e8cc3
rgb(30,140,195)
-
#2099d4
#2099d4
rgb(32,153,212)
-
#2aa3de
#2aa3de
rgb(42,163,222)
-
#3baae1
#3baae1
rgb(59,170,225)
-
#4cb1e4
#4cb1e4
rgb(76,177,228)
-
#5db9e6
#5db9e6
rgb(93,185,230)
-
#6ec0e9
#6ec0e9
rgb(110,192,233)
-
#7fc8eb
#7fc8eb
rgb(127,200,235)
-
#90cfee
#90cfee
rgb(144,207,238)
-
#a1d6f1
#a1d6f1
rgb(161,214,241)
-
#b2def3
#b2def3
rgb(178,222,243)
-
#c3e5f6
#c3e5f6
rgb(195,229,246)
-
#d4ecf8
#d4ecf8
rgb(212,236,248)
-
#e5f4fb
#e5f4fb
rgb(229,244,251)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #3baae1
A tone is produced by adding gray to any pure hue. In this case, #899093 is the less saturated color, while #21b3fb is the most saturated one.
-
#899093
#899093
rgb(137,144,147)
-
#81939b
#81939b
rgb(129,147,155)
-
#7895a4
#7895a4
rgb(120,149,164)
-
#6f98ad
#6f98ad
rgb(111,152,173)
-
#669bb6
#669bb6
rgb(102,155,182)
-
#5e9ebe
#5e9ebe
rgb(94,158,190)
-
#55a1c7
#55a1c7
rgb(85,161,199)
-
#4ca4d0
#4ca4d0
rgb(76,164,208)
-
#44a7d8
#44a7d8
rgb(68,167,216)
-
#3baae1
#3baae1
rgb(59,170,225)
-
#32adea
#32adea
rgb(50,173,234)
-
#2ab0f2
#2ab0f2
rgb(42,176,242)
-
#21b3fb
#21b3fb
rgb(33,179,251)
Color Blindness Simulator
Below, you can see how #3baae1 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.