#3bbaf0 Color Information
In a RGB color space, hex #3bbaf0 is composed of 23.1% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.9 degrees, a saturation of 85.8% and a lightness of 58.6%. #3bbaf0 color hex could be obtained by blending #76ffff with #0075e1. Closest websafe color is: #33ccff.
-
- R 23
- G 73
- B 94
-
- C 75
- M 23
- Y 0
- K 6
● #3bbaf0 color description : Bright blue.
#3bbaf0 Color Conversion
The hexadecimal color #3bbaf0 has RGB values of R:59, G:186, B:240 and CMYK values of C:0.75, M:0.23, Y:0, K:0.06. Its decimal value is 3914480.
Hex triplet | 3bbaf0 | #3bbaf0 |
---|---|---|
RGB Decimal | 59, 186, 240 | rgb(59,186,240) |
RGB Percent | 23.1, 72.9, 94.1 | rgb(23.1%,72.9%,94.1%) |
CMYK | 75, 23, 0, 6 | |
HSL | 197.9°, 85.8, 58.6 | hsl(197.9,85.8%,58.6%) |
HSV (or HSB) | 197.9°, 75.4, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.102, -16.761, -36.652 |
---|---|
XYZ | 35.087, 42.336, 88.756 |
xyY | 0.211, 0.255, 42.336 |
CIE-LCH | 71.102, 40.303, 245.425 |
CIE-LUV | 71.102, -44.33, -56.782 |
Hunter-Lab | 65.066, -17.61, -35.331 |
Binary | 00111011, 10111010, 11110000 |
Color Schemes with #3bbaf0
Alternatives to #3bbaf0
Below, you can see some colors close to #3bbaf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bbaf0 Preview
This text has a font color of #3bbaf0.
<span style="color:#3bbaf0;">Text here</span>
This paragraph has a background color of #3bbaf0.
<p style="background-color:#3bbaf0;">Content here</p>
This element has a border color of #3bbaf0.
<div style="border:1px solid #3bbaf0;">Content here</div>
.text {color:#3bbaf0;}
.background {background-color:#3bbaf0;}
.border {border:1px solid #3bbaf0;}
Shades and Tints of #3bbaf0
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 #f1fafe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#021017
#021017
rgb(2,16,23)
-
#031e29
#031e29
rgb(3,30,41)
-
#052b3b
#052b3b
rgb(5,43,59)
-
#06384d
#06384d
rgb(6,56,77)
-
#074560
#074560
rgb(7,69,96)
-
#095272
#095272
rgb(9,82,114)
-
#0a6084
#0a6084
rgb(10,96,132)
-
#0b6d96
#0b6d96
rgb(11,109,150)
-
#0d7aa8
#0d7aa8
rgb(13,122,168)
-
#0e87bb
#0e87bb
rgb(14,135,187)
-
#1094cd
#1094cd
rgb(16,148,205)
-
#11a2df
#11a2df
rgb(17,162,223)
-
#17aded
#17aded
rgb(23,173,237)
-
#29b4ef
#29b4ef
rgb(41,180,239)
-
#3bbaf0
#3bbaf0
rgb(59,186,240)
-
#4dc0f1
#4dc0f1
rgb(77,192,241)
-
#5fc7f3
#5fc7f3
rgb(95,199,243)
-
#72cdf4
#72cdf4
rgb(114,205,244)
-
#84d4f6
#84d4f6
rgb(132,212,246)
-
#96daf7
#96daf7
rgb(150,218,247)
-
#a8e0f8
#a8e0f8
rgb(168,224,248)
-
#bbe7fa
#bbe7fa
rgb(187,231,250)
-
#cdedfb
#cdedfb
rgb(205,237,251)
-
#dff4fd
#dff4fd
rgb(223,244,253)
-
#f1fafe
#f1fafe
rgb(241,250,254)
Tones of #3bbaf0
A tone is produced by adding gray to any pure hue. In this case, #949697 is the less saturated color, while #33bdf8 is the most saturated one.
-
#949697
#949697
rgb(148,150,151)
-
#8c999f
#8c999f
rgb(140,153,159)
-
#849da7
#849da7
rgb(132,157,167)
-
#7ca0af
#7ca0af
rgb(124,160,175)
-
#74a3b7
#74a3b7
rgb(116,163,183)
-
#6ca6bf
#6ca6bf
rgb(108,166,191)
-
#64aac7
#64aac7
rgb(100,170,199)
-
#5badd0
#5badd0
rgb(91,173,208)
-
#53b0d8
#53b0d8
rgb(83,176,216)
-
#4bb3e0
#4bb3e0
rgb(75,179,224)
-
#43b7e8
#43b7e8
rgb(67,183,232)
-
#3bbaf0
#3bbaf0
rgb(59,186,240)
-
#33bdf8
#33bdf8
rgb(51,189,248)
Color Blindness Simulator
Below, you can see how #3bbaf0 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.