#3bbfff Color Information
In a RGB color space, hex #3bbfff is composed of 23.1% red, 74.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 25.1% magenta, 0% yellow and 0% black. It has a hue angle of 199.6 degrees, a saturation of 100% and a lightness of 61.6%. #3bbfff color hex could be obtained by blending #76ffff with #007fff. Closest websafe color is: #33ccff.
-
- R 23
- G 75
- B 100
-
- C 77
- M 25
- Y 0
- K 0
● #3bbfff color description : Light blue.
#3bbfff Color Conversion
The hexadecimal color #3bbfff has RGB values of R:59, G:191, B:255 and CMYK values of C:0.77, M:0.25, Y:0, K:0. Its decimal value is 3915775.
Hex triplet | 3bbfff | #3bbfff |
---|---|---|
RGB Decimal | 59, 191, 255 | rgb(59,191,255) |
RGB Percent | 23.1, 74.9, 100 | rgb(23.1%,74.9%,100%) |
CMYK | 77, 25, 0, 0 | |
HSL | 199.6°, 100, 61.6 | hsl(199.6,100%,61.6%) |
HSV (or HSB) | 199.6°, 76.9, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 73.16, -14.423, -41.546 |
---|---|
XYZ | 38.48, 45.408, 101.339 |
xyY | 0.208, 0.245, 45.408 |
CIE-LCH | 73.16, 43.978, 250.855 |
CIE-LUV | 73.16, -45.149, -65.713 |
Hunter-Lab | 67.385, -15.994, -41.994 |
Binary | 00111011, 10111111, 11111111 |
Color Schemes with #3bbfff
Alternatives to #3bbfff
Below, you can see some colors close to #3bbfff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bbfff Preview
This text has a font color of #3bbfff.
<span style="color:#3bbfff;">Text here</span>
This paragraph has a background color of #3bbfff.
<p style="background-color:#3bbfff;">Content here</p>
This element has a border color of #3bbfff.
<div style="border:1px solid #3bbfff;">Content here</div>
.text {color:#3bbfff;}
.background {background-color:#3bbfff;}
.border {border:1px solid #3bbfff;}
Shades and Tints of #3bbfff
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, #000000 is the darkest color, while #ecf9ff is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#000d14
#000d14
rgb(0,13,20)
-
#001b27
#001b27
rgb(0,27,39)
-
#00283b
#00283b
rgb(0,40,59)
-
#00354f
#00354f
rgb(0,53,79)
-
#004262
#004262
rgb(0,66,98)
-
#004f76
#004f76
rgb(0,79,118)
-
#005d89
#005d89
rgb(0,93,137)
-
#006a9d
#006a9d
rgb(0,106,157)
-
#0077b1
#0077b1
rgb(0,119,177)
-
#0084c4
#0084c4
rgb(0,132,196)
-
#0091d8
#0091d8
rgb(0,145,216)
-
#009fec
#009fec
rgb(0,159,236)
-
#00acff
#00acff
rgb(0,172,255)
-
#14b2ff
#14b2ff
rgb(20,178,255)
-
#27b9ff
#27b9ff
rgb(39,185,255)
-
#3bbfff
#3bbfff
rgb(59,191,255)
-
#4fc5ff
#4fc5ff
rgb(79,197,255)
-
#62ccff
#62ccff
rgb(98,204,255)
-
#76d2ff
#76d2ff
rgb(118,210,255)
-
#89d9ff
#89d9ff
rgb(137,217,255)
-
#9ddfff
#9ddfff
rgb(157,223,255)
-
#b1e5ff
#b1e5ff
rgb(177,229,255)
-
#c4ecff
#c4ecff
rgb(196,236,255)
-
#d8f2ff
#d8f2ff
rgb(216,242,255)
-
#ecf9ff
#ecf9ff
rgb(236,249,255)
Tones of #3bbfff
A tone is produced by adding gray to any pure hue. In this case, #95a0a5 is the less saturated color, while #3bbfff is the most saturated one.
-
#95a0a5
#95a0a5
rgb(149,160,165)
-
#8ea2ac
#8ea2ac
rgb(142,162,172)
-
#86a5b4
#86a5b4
rgb(134,165,180)
-
#7fa7bb
#7fa7bb
rgb(127,167,187)
-
#77aac3
#77aac3
rgb(119,170,195)
-
#70adca
#70adca
rgb(112,173,202)
-
#68afd2
#68afd2
rgb(104,175,210)
-
#61b2d9
#61b2d9
rgb(97,178,217)
-
#59b5e1
#59b5e1
rgb(89,181,225)
-
#52b7e8
#52b7e8
rgb(82,183,232)
-
#4abaf0
#4abaf0
rgb(74,186,240)
-
#43bcf7
#43bcf7
rgb(67,188,247)
-
#3bbfff
#3bbfff
rgb(59,191,255)
Color Blindness Simulator
Below, you can see how #3bbfff 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.