#3baaf0 Color Information
In a RGB color space, hex #3baaf0 is composed of 23.1% red, 66.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 29.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 203.2 degrees, a saturation of 85.8% and a lightness of 58.6%. #3baaf0 color hex could be obtained by blending #76ffff with #0055e1. Closest websafe color is: #3399ff.
-
- R 23
- G 67
- B 94
-
- C 75
- M 29
- Y 0
- K 6
● #3baaf0 color description : Bright blue.
#3baaf0 Color Conversion
The hexadecimal color #3baaf0 has RGB values of R:59, G:170, B:240 and CMYK values of C:0.75, M:0.29, Y:0, K:0.06. Its decimal value is 3910384.
Hex triplet | 3baaf0 | #3baaf0 |
---|---|---|
RGB Decimal | 59, 170, 240 | rgb(59,170,240) |
RGB Percent | 23.1, 66.7, 94.1 | rgb(23.1%,66.7%,94.1%) |
CMYK | 75, 29, 0, 6 | |
HSL | 203.2°, 85.8, 58.6 | hsl(203.2,85.8%,58.6%) |
HSV (or HSB) | 203.2°, 75.4, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.495, -8.101, -43.847 |
---|---|
XYZ | 31.903, 35.968, 87.694 |
xyY | 0.205, 0.231, 35.968 |
CIE-LCH | 66.495, 44.589, 259.532 |
CIE-LUV | 66.495, -38.832, -69.525 |
Hunter-Lab | 59.973, -10, -44.714 |
Binary | 00111011, 10101010, 11110000 |
Color Schemes with #3baaf0
Alternatives to #3baaf0
Below, you can see some colors close to #3baaf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baaf0 Preview
This text has a font color of #3baaf0.
<span style="color:#3baaf0;">Text here</span>
This paragraph has a background color of #3baaf0.
<p style="background-color:#3baaf0;">Content here</p>
This element has a border color of #3baaf0.
<div style="border:1px solid #3baaf0;">Content here</div>
.text {color:#3baaf0;}
.background {background-color:#3baaf0;}
.border {border:1px solid #3baaf0;}
Shades and Tints of #3baaf0
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, #000304 is the darkest color, while #f1f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#020f17
#020f17
rgb(2,15,23)
-
#031a29
#031a29
rgb(3,26,41)
-
#05263b
#05263b
rgb(5,38,59)
-
#06324d
#06324d
rgb(6,50,77)
-
#073d60
#073d60
rgb(7,61,96)
-
#094972
#094972
rgb(9,73,114)
-
#0a5584
#0a5584
rgb(10,85,132)
-
#0b6196
#0b6196
rgb(11,97,150)
-
#0d6ca8
#0d6ca8
rgb(13,108,168)
-
#0e78bb
#0e78bb
rgb(14,120,187)
-
#1084cd
#1084cd
rgb(16,132,205)
-
#118fdf
#118fdf
rgb(17,143,223)
-
#179aed
#179aed
rgb(23,154,237)
-
#29a2ef
#29a2ef
rgb(41,162,239)
-
#3baaf0
#3baaf0
rgb(59,170,240)
-
#4db2f1
#4db2f1
rgb(77,178,241)
-
#5fbaf3
#5fbaf3
rgb(95,186,243)
-
#72c2f4
#72c2f4
rgb(114,194,244)
-
#84caf6
#84caf6
rgb(132,202,246)
-
#96d2f7
#96d2f7
rgb(150,210,247)
-
#a8d9f8
#a8d9f8
rgb(168,217,248)
-
#bbe1fa
#bbe1fa
rgb(187,225,250)
-
#cde9fb
#cde9fb
rgb(205,233,251)
-
#dff1fd
#dff1fd
rgb(223,241,253)
-
#f1f9fe
#f1f9fe
rgb(241,249,254)
Tones of #3baaf0
A tone is produced by adding gray to any pure hue. In this case, #949697 is the less saturated color, while #33acf8 is the most saturated one.
-
#949697
#949697
rgb(148,150,151)
-
#8c989f
#8c989f
rgb(140,152,159)
-
#8499a7
#8499a7
rgb(132,153,167)
-
#7c9baf
#7c9baf
rgb(124,155,175)
-
#749db7
#749db7
rgb(116,157,183)
-
#6c9fbf
#6c9fbf
rgb(108,159,191)
-
#64a1c7
#64a1c7
rgb(100,161,199)
-
#5ba3d0
#5ba3d0
rgb(91,163,208)
-
#53a4d8
#53a4d8
rgb(83,164,216)
-
#4ba6e0
#4ba6e0
rgb(75,166,224)
-
#43a8e8
#43a8e8
rgb(67,168,232)
-
#3baaf0
#3baaf0
rgb(59,170,240)
-
#33acf8
#33acf8
rgb(51,172,248)
Color Blindness Simulator
Below, you can see how #3baaf0 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.