#3bccf4 Color Information
In a RGB color space, hex #3bccf4 is composed of 23.1% red, 80% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 16.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 193 degrees, a saturation of 89.4% and a lightness of 59.4%. #3bccf4 color hex could be obtained by blending #76ffff with #0099e9. Closest websafe color is: #33ccff.
-
- R 23
- G 80
- B 96
-
- C 76
- M 16
- Y 0
- K 4
● #3bccf4 color description : Bright cyan.
#3bccf4 Color Conversion
The hexadecimal color #3bccf4 has RGB values of R:59, G:204, B:244 and CMYK values of C:0.76, M:0.16, Y:0, K:0.04. Its decimal value is 3919092.
Hex triplet | 3bccf4 | #3bccf4 |
---|---|---|
RGB Decimal | 59, 204, 244 | rgb(59,204,244) |
RGB Percent | 23.1, 80, 95.7 | rgb(23.1%,80%,95.7%) |
CMYK | 76, 16, 0, 4 | |
HSL | 193°, 89.4, 59.4 | hsl(193,89.4%,59.4%) |
HSV (or HSB) | 193°, 75.8, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.463, -24.724, -30.521 |
---|---|
XYZ | 39.721, 50.644, 93.265 |
xyY | 0.216, 0.276, 50.644 |
CIE-LCH | 76.463, 39.279, 230.991 |
CIE-LUV | 76.463, -50.308, -45.706 |
Hunter-Lab | 71.164, -24.906, -27.888 |
Binary | 00111011, 11001100, 11110100 |
Color Schemes with #3bccf4
Alternatives to #3bccf4
Below, you can see some colors close to #3bccf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bccf4 Preview
This text has a font color of #3bccf4.
<span style="color:#3bccf4;">Text here</span>
This paragraph has a background color of #3bccf4.
<p style="background-color:#3bccf4;">Content here</p>
This element has a border color of #3bccf4.
<div style="border:1px solid #3bccf4;">Content here</div>
.text {color:#3bccf4;}
.background {background-color:#3bccf4;}
.border {border:1px solid #3bccf4;}
Shades and Tints of #3bccf4
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, #000708 is the darkest color, while #f5fcfe is the lightest one.
-
#000708
#000708
rgb(0,7,8)
-
#02151b
#02151b
rgb(2,21,27)
-
#03242d
#03242d
rgb(3,36,45)
-
#043340
#043340
rgb(4,51,64)
-
#054253
#054253
rgb(5,66,83)
-
#065165
#065165
rgb(6,81,101)
-
#075f78
#075f78
rgb(7,95,120)
-
#086e8a
#086e8a
rgb(8,110,138)
-
#097d9d
#097d9d
rgb(9,125,157)
-
#0a8caf
#0a8caf
rgb(10,140,175)
-
#0b9ac2
#0b9ac2
rgb(11,154,194)
-
#0ca9d5
#0ca9d5
rgb(12,169,213)
-
#0db8e7
#0db8e7
rgb(13,184,231)
-
#16c2f2
#16c2f2
rgb(22,194,242)
-
#28c7f3
#28c7f3
rgb(40,199,243)
-
#3bccf4
#3bccf4
rgb(59,204,244)
-
#4ed1f5
#4ed1f5
rgb(78,209,245)
-
#60d6f6
#60d6f6
rgb(96,214,246)
-
#73daf7
#73daf7
rgb(115,218,247)
-
#85dff8
#85dff8
rgb(133,223,248)
-
#98e4f9
#98e4f9
rgb(152,228,249)
-
#aae9fa
#aae9fa
rgb(170,233,250)
-
#bdeefb
#bdeefb
rgb(189,238,251)
-
#d0f3fc
#d0f3fc
rgb(208,243,252)
-
#e2f7fd
#e2f7fd
rgb(226,247,253)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #3bccf4
A tone is produced by adding gray to any pure hue. In this case, #939a9c is the less saturated color, while #33d1fc is the most saturated one.
-
#939a9c
#939a9c
rgb(147,154,156)
-
#8b9fa4
#8b9fa4
rgb(139,159,164)
-
#83a3ac
#83a3ac
rgb(131,163,172)
-
#7ba8b4
#7ba8b4
rgb(123,168,180)
-
#73acbc
#73acbc
rgb(115,172,188)
-
#6bb1c4
#6bb1c4
rgb(107,177,196)
-
#63b5cc
#63b5cc
rgb(99,181,204)
-
#5bbad4
#5bbad4
rgb(91,186,212)
-
#53bedc
#53bedc
rgb(83,190,220)
-
#4bc3e4
#4bc3e4
rgb(75,195,228)
-
#43c7ec
#43c7ec
rgb(67,199,236)
-
#3bccf4
#3bccf4
rgb(59,204,244)
-
#33d1fc
#33d1fc
rgb(51,209,252)
Color Blindness Simulator
Below, you can see how #3bccf4 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.