#3bb7ff Color Information
In a RGB color space, hex #3bb7ff is composed of 23.1% red, 71.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 28.2% magenta, 0% yellow and 0% black. It has a hue angle of 202 degrees, a saturation of 100% and a lightness of 61.6%. #3bb7ff color hex could be obtained by blending #76ffff with #006fff. Closest websafe color is: #33ccff.
-
- R 23
- G 72
- B 100
-
- C 77
- M 28
- Y 0
- K 0
● #3bb7ff color description : Light blue.
#3bb7ff Color Conversion
The hexadecimal color #3bb7ff has RGB values of R:59, G:183, B:255 and CMYK values of C:0.77, M:0.28, Y:0, K:0. Its decimal value is 3913727.
Hex triplet | 3bb7ff | #3bb7ff |
---|---|---|
RGB Decimal | 59, 183, 255 | rgb(59,183,255) |
RGB Percent | 23.1, 71.8, 100 | rgb(23.1%,71.8%,100%) |
CMYK | 77, 28, 0, 0 | |
HSL | 202°, 100, 61.6 | hsl(202,100%,61.6%) |
HSV (or HSB) | 202°, 76.9, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.88, -10.118, -45.112 |
---|---|
XYZ | 36.783, 42.014, 100.773 |
xyY | 0.205, 0.234, 42.014 |
CIE-LCH | 70.88, 46.233, 257.359 |
CIE-LUV | 70.88, -42.433, -72.094 |
Hunter-Lab | 64.818, -12.137, -46.806 |
Binary | 00111011, 10110111, 11111111 |
Color Schemes with #3bb7ff
Alternatives to #3bb7ff
Below, you can see some colors close to #3bb7ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bb7ff Preview
This text has a font color of #3bb7ff.
<span style="color:#3bb7ff;">Text here</span>
This paragraph has a background color of #3bb7ff.
<p style="background-color:#3bb7ff;">Content here</p>
This element has a border color of #3bb7ff.
<div style="border:1px solid #3bb7ff;">Content here</div>
.text {color:#3bb7ff;}
.background {background-color:#3bb7ff;}
.border {border:1px solid #3bb7ff;}
Shades and Tints of #3bb7ff
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 #ecf8ff is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#000d14
#000d14
rgb(0,13,20)
-
#001927
#001927
rgb(0,25,39)
-
#00253b
#00253b
rgb(0,37,59)
-
#00324f
#00324f
rgb(0,50,79)
-
#003e62
#003e62
rgb(0,62,98)
-
#004b76
#004b76
rgb(0,75,118)
-
#005789
#005789
rgb(0,87,137)
-
#00639d
#00639d
rgb(0,99,157)
-
#0070b1
#0070b1
rgb(0,112,177)
-
#007cc4
#007cc4
rgb(0,124,196)
-
#0089d8
#0089d8
rgb(0,137,216)
-
#0095ec
#0095ec
rgb(0,149,236)
-
#00a1ff
#00a1ff
rgb(0,161,255)
-
#14a9ff
#14a9ff
rgb(20,169,255)
-
#27b0ff
#27b0ff
rgb(39,176,255)
-
#3bb7ff
#3bb7ff
rgb(59,183,255)
-
#4fbeff
#4fbeff
rgb(79,190,255)
-
#62c5ff
#62c5ff
rgb(98,197,255)
-
#76cdff
#76cdff
rgb(118,205,255)
-
#89d4ff
#89d4ff
rgb(137,212,255)
-
#9ddbff
#9ddbff
rgb(157,219,255)
-
#b1e2ff
#b1e2ff
rgb(177,226,255)
-
#c4e9ff
#c4e9ff
rgb(196,233,255)
-
#d8f1ff
#d8f1ff
rgb(216,241,255)
-
#ecf8ff
#ecf8ff
rgb(236,248,255)
Tones of #3bb7ff
A tone is produced by adding gray to any pure hue. In this case, #959fa5 is the less saturated color, while #3bb7ff is the most saturated one.
-
#959fa5
#959fa5
rgb(149,159,165)
-
#8ea1ac
#8ea1ac
rgb(142,161,172)
-
#86a3b4
#86a3b4
rgb(134,163,180)
-
#7fa5bb
#7fa5bb
rgb(127,165,187)
-
#77a7c3
#77a7c3
rgb(119,167,195)
-
#70a9ca
#70a9ca
rgb(112,169,202)
-
#68abd2
#68abd2
rgb(104,171,210)
-
#61add9
#61add9
rgb(97,173,217)
-
#59afe1
#59afe1
rgb(89,175,225)
-
#52b1e8
#52b1e8
rgb(82,177,232)
-
#4ab3f0
#4ab3f0
rgb(74,179,240)
-
#43b5f7
#43b5f7
rgb(67,181,247)
-
#3bb7ff
#3bb7ff
rgb(59,183,255)
Color Blindness Simulator
Below, you can see how #3bb7ff 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.