#36bcf2 Color Information
In a RGB color space, hex #36bcf2 is composed of 21.2% red, 73.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 22.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 197.2 degrees, a saturation of 87.9% and a lightness of 58%. #36bcf2 color hex could be obtained by blending #6cffff with #0079e5. Closest websafe color is: #33ccff.
-
- R 21
- G 74
- B 95
-
- C 78
- M 22
- Y 0
- K 5
● #36bcf2 color description : Bright blue.
#36bcf2 Color Conversion
The hexadecimal color #36bcf2 has RGB values of R:54, G:188, B:242 and CMYK values of C:0.78, M:0.22, Y:0, K:0.05. Its decimal value is 3587314.
Hex triplet | 36bcf2 | #36bcf2 |
---|---|---|
RGB Decimal | 54, 188, 242 | rgb(54,188,242) |
RGB Percent | 21.2, 73.7, 94.9 | rgb(21.2%,73.7%,94.9%) |
CMYK | 78, 22, 0, 5 | |
HSL | 197.2°, 87.9, 58 | hsl(197.2,87.9%,58%) |
HSV (or HSB) | 197.2°, 77.7, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.662, -17.681, -36.873 |
---|---|
XYZ | 35.527, 43.158, 90.457 |
xyY | 0.21, 0.255, 43.158 |
CIE-LCH | 71.662, 40.893, 244.381 |
CIE-LUV | 71.662, -45.575, -57.107 |
Hunter-Lab | 65.695, -18.435, -35.652 |
Binary | 00110110, 10111100, 11110010 |
Color Schemes with #36bcf2
Alternatives to #36bcf2
Below, you can see some colors close to #36bcf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36bcf2 Preview
This text has a font color of #36bcf2.
<span style="color:#36bcf2;">Text here</span>
This paragraph has a background color of #36bcf2.
<p style="background-color:#36bcf2;">Content here</p>
This element has a border color of #36bcf2.
<div style="border:1px solid #36bcf2;">Content here</div>
.text {color:#36bcf2;}
.background {background-color:#36bcf2;}
.border {border:1px solid #36bcf2;}
Shades and Tints of #36bcf2
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, #000102 is the darkest color, while #eef9fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010f14
#010f14
rgb(1,15,20)
-
#021c27
#021c27
rgb(2,28,39)
-
#042a39
#042a39
rgb(4,42,57)
-
#05374b
#05374b
rgb(5,55,75)
-
#06455e
#06455e
rgb(6,69,94)
-
#075270
#075270
rgb(7,82,112)
-
#086083
#086083
rgb(8,96,131)
-
#0a6d95
#0a6d95
rgb(10,109,149)
-
#0b7aa7
#0b7aa7
rgb(11,122,167)
-
#0c88ba
#0c88ba
rgb(12,136,186)
-
#0d95cc
#0d95cc
rgb(13,149,204)
-
#0ea3df
#0ea3df
rgb(14,163,223)
-
#11b0f0
#11b0f0
rgb(17,176,240)
-
#24b6f1
#24b6f1
rgb(36,182,241)
-
#36bcf2
#36bcf2
rgb(54,188,242)
-
#48c2f3
#48c2f3
rgb(72,194,243)
-
#5bc8f4
#5bc8f4
rgb(91,200,244)
-
#6dcef6
#6dcef6
rgb(109,206,246)
-
#80d5f7
#80d5f7
rgb(128,213,247)
-
#92dbf8
#92dbf8
rgb(146,219,248)
-
#a5e1f9
#a5e1f9
rgb(165,225,249)
-
#b7e7fa
#b7e7fa
rgb(183,231,250)
-
#c9edfc
#c9edfc
rgb(201,237,252)
-
#dcf3fd
#dcf3fd
rgb(220,243,253)
-
#eef9fe
#eef9fe
rgb(238,249,254)
Tones of #36bcf2
A tone is produced by adding gray to any pure hue. In this case, #919597 is the less saturated color, while #2ec0fa is the most saturated one.
-
#919597
#919597
rgb(145,149,151)
-
#8899a0
#8899a0
rgb(136,153,160)
-
#809ca8
#809ca8
rgb(128,156,168)
-
#78a0b0
#78a0b0
rgb(120,160,176)
-
#70a3b8
#70a3b8
rgb(112,163,184)
-
#67a7c1
#67a7c1
rgb(103,167,193)
-
#5faac9
#5faac9
rgb(95,170,201)
-
#57aed1
#57aed1
rgb(87,174,209)
-
#4fb1d9
#4fb1d9
rgb(79,177,217)
-
#46b5e2
#46b5e2
rgb(70,181,226)
-
#3eb8ea
#3eb8ea
rgb(62,184,234)
-
#36bcf2
#36bcf2
rgb(54,188,242)
-
#2ec0fa
#2ec0fa
rgb(46,192,250)
Color Blindness Simulator
Below, you can see how #36bcf2 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.