#3bc6ff Color Information
In a RGB color space, hex #3bc6ff is composed of 23.1% red, 77.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 22.4% magenta, 0% yellow and 0% black. It has a hue angle of 197.4 degrees, a saturation of 100% and a lightness of 61.6%. #3bc6ff color hex could be obtained by blending #76ffff with #008dff. Closest websafe color is: #33ccff.
-
- R 23
- G 78
- B 100
-
- C 77
- M 22
- Y 0
- K 0
● #3bc6ff color description : Light blue.
#3bc6ff Color Conversion
The hexadecimal color #3bc6ff has RGB values of R:59, G:198, B:255 and CMYK values of C:0.77, M:0.22, Y:0, K:0. Its decimal value is 3917567.
Hex triplet | 3bc6ff | #3bc6ff |
---|---|---|
RGB Decimal | 59, 198, 255 | rgb(59,198,255) |
RGB Percent | 23.1, 77.6, 100 | rgb(23.1%,77.6%,100%) |
CMYK | 77, 22, 0, 0 | |
HSL | 197.4°, 100, 61.6 | hsl(197.4,100%,61.6%) |
HSV (or HSB) | 197.4°, 76.9, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.161, -18.106, -38.43 |
---|---|
XYZ | 40.043, 48.534, 101.86 |
xyY | 0.21, 0.255, 48.534 |
CIE-LCH | 75.161, 42.482, 244.774 |
CIE-LUV | 75.161, -47.539, -60.078 |
Hunter-Lab | 69.667, -19.318, -37.922 |
Binary | 00111011, 11000110, 11111111 |
Color Schemes with #3bc6ff
Alternatives to #3bc6ff
Below, you can see some colors close to #3bc6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bc6ff Preview
This text has a font color of #3bc6ff.
<span style="color:#3bc6ff;">Text here</span>
This paragraph has a background color of #3bc6ff.
<p style="background-color:#3bc6ff;">Content here</p>
This element has a border color of #3bc6ff.
<div style="border:1px solid #3bc6ff;">Content here</div>
.text {color:#3bc6ff;}
.background {background-color:#3bc6ff;}
.border {border:1px solid #3bc6ff;}
Shades and Tints of #3bc6ff
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)
-
#000e14
#000e14
rgb(0,14,20)
-
#001c27
#001c27
rgb(0,28,39)
-
#002a3b
#002a3b
rgb(0,42,59)
-
#00384f
#00384f
rgb(0,56,79)
-
#004662
#004662
rgb(0,70,98)
-
#005476
#005476
rgb(0,84,118)
-
#006189
#006189
rgb(0,97,137)
-
#006f9d
#006f9d
rgb(0,111,157)
-
#007db1
#007db1
rgb(0,125,177)
-
#008bc4
#008bc4
rgb(0,139,196)
-
#0099d8
#0099d8
rgb(0,153,216)
-
#00a7ec
#00a7ec
rgb(0,167,236)
-
#00b5ff
#00b5ff
rgb(0,181,255)
-
#14bbff
#14bbff
rgb(20,187,255)
-
#27c0ff
#27c0ff
rgb(39,192,255)
-
#3bc6ff
#3bc6ff
rgb(59,198,255)
-
#4fccff
#4fccff
rgb(79,204,255)
-
#62d1ff
#62d1ff
rgb(98,209,255)
-
#76d7ff
#76d7ff
rgb(118,215,255)
-
#89ddff
#89ddff
rgb(137,221,255)
-
#9de3ff
#9de3ff
rgb(157,227,255)
-
#b1e8ff
#b1e8ff
rgb(177,232,255)
-
#c4eeff
#c4eeff
rgb(196,238,255)
-
#d8f4ff
#d8f4ff
rgb(216,244,255)
-
#ecf9ff
#ecf9ff
rgb(236,249,255)
Tones of #3bc6ff
A tone is produced by adding gray to any pure hue. In this case, #95a0a5 is the less saturated color, while #3bc6ff is the most saturated one.
-
#95a0a5
#95a0a5
rgb(149,160,165)
-
#8ea3ac
#8ea3ac
rgb(142,163,172)
-
#86a6b4
#86a6b4
rgb(134,166,180)
-
#7faabb
#7faabb
rgb(127,170,187)
-
#77adc3
#77adc3
rgb(119,173,195)
-
#70b0ca
#70b0ca
rgb(112,176,202)
-
#68b3d2
#68b3d2
rgb(104,179,210)
-
#61b6d9
#61b6d9
rgb(97,182,217)
-
#59b9e1
#59b9e1
rgb(89,185,225)
-
#52bde8
#52bde8
rgb(82,189,232)
-
#4ac0f0
#4ac0f0
rgb(74,192,240)
-
#43c3f7
#43c3f7
rgb(67,195,247)
-
#3bc6ff
#3bc6ff
rgb(59,198,255)
Color Blindness Simulator
Below, you can see how #3bc6ff 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.