#36b8f6 Color Information
In a RGB color space, hex #36b8f6 is composed of 21.2% red, 72.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 25.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 199.4 degrees, a saturation of 91.4% and a lightness of 58.8%. #36b8f6 color hex could be obtained by blending #6cffff with #0071ed. Closest websafe color is: #33ccff.
-
- R 21
- G 72
- B 96
-
- C 78
- M 25
- Y 0
- K 4
● #36b8f6 color description : Bright blue.
#36b8f6 Color Conversion
The hexadecimal color #36b8f6 has RGB values of R:54, G:184, B:246 and CMYK values of C:0.78, M:0.25, Y:0, K:0.04. Its decimal value is 3586294.
Hex triplet | 36b8f6 | #36b8f6 |
---|---|---|
RGB Decimal | 54, 184, 246 | rgb(54,184,246) |
RGB Percent | 21.2, 72.2, 96.5 | rgb(21.2%,72.2%,96.5%) |
CMYK | 78, 25, 0, 4 | |
HSL | 199.4°, 91.4, 58.8 | hsl(199.4,91.4%,58.8%) |
HSV (or HSB) | 199.4°, 78, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.675, -14.221, -40.576 |
---|---|
XYZ | 35.292, 41.716, 93.376 |
xyY | 0.207, 0.245, 41.716 |
CIE-LCH | 70.675, 42.996, 250.686 |
CIE-LUV | 70.675, -43.959, -63.781 |
Hunter-Lab | 64.588, -15.493, -40.505 |
Binary | 00110110, 10111000, 11110110 |
Color Schemes with #36b8f6
Alternatives to #36b8f6
Below, you can see some colors close to #36b8f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b8f6 Preview
This text has a font color of #36b8f6.
<span style="color:#36b8f6;">Text here</span>
This paragraph has a background color of #36b8f6.
<p style="background-color:#36b8f6;">Content here</p>
This element has a border color of #36b8f6.
<div style="border:1px solid #36b8f6;">Content here</div>
.text {color:#36b8f6;}
.background {background-color:#36b8f6;}
.border {border:1px solid #36b8f6;}
Shades and Tints of #36b8f6
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, #000406 is the darkest color, while #f2fafe is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#011118
#011118
rgb(1,17,24)
-
#021e2b
#021e2b
rgb(2,30,43)
-
#032b3e
#032b3e
rgb(3,43,62)
-
#043851
#043851
rgb(4,56,81)
-
#044563
#044563
rgb(4,69,99)
-
#055276
#055276
rgb(5,82,118)
-
#065f89
#065f89
rgb(6,95,137)
-
#076c9c
#076c9c
rgb(7,108,156)
-
#0879ae
#0879ae
rgb(8,121,174)
-
#0986c1
#0986c1
rgb(9,134,193)
-
#0993d4
#0993d4
rgb(9,147,212)
-
#0aa0e7
#0aa0e7
rgb(10,160,231)
-
#10abf4
#10abf4
rgb(16,171,244)
-
#23b1f5
#23b1f5
rgb(35,177,245)
-
#36b8f6
#36b8f6
rgb(54,184,246)
-
#49bff7
#49bff7
rgb(73,191,247)
-
#5cc5f8
#5cc5f8
rgb(92,197,248)
-
#6eccf9
#6eccf9
rgb(110,204,249)
-
#81d3f9
#81d3f9
rgb(129,211,249)
-
#94d9fa
#94d9fa
rgb(148,217,250)
-
#a7e0fb
#a7e0fb
rgb(167,224,251)
-
#b9e6fc
#b9e6fc
rgb(185,230,252)
-
#ccedfd
#ccedfd
rgb(204,237,253)
-
#dff4fe
#dff4fe
rgb(223,244,254)
-
#f2fafe
#f2fafe
rgb(242,250,254)
Tones of #36b8f6
A tone is produced by adding gray to any pure hue. In this case, #8f999d is the less saturated color, while #2ebbfe is the most saturated one.
-
#8f999d
#8f999d
rgb(143,153,157)
-
#879ba5
#879ba5
rgb(135,155,165)
-
#7f9ead
#7f9ead
rgb(127,158,173)
-
#77a1b5
#77a1b5
rgb(119,161,181)
-
#6fa4bd
#6fa4bd
rgb(111,164,189)
-
#66a7c6
#66a7c6
rgb(102,167,198)
-
#5eaace
#5eaace
rgb(94,170,206)
-
#56add6
#56add6
rgb(86,173,214)
-
#4eafde
#4eafde
rgb(78,175,222)
-
#46b2e6
#46b2e6
rgb(70,178,230)
-
#3eb5ee
#3eb5ee
rgb(62,181,238)
-
#36b8f6
#36b8f6
rgb(54,184,246)
-
#2ebbfe
#2ebbfe
rgb(46,187,254)
Color Blindness Simulator
Below, you can see how #36b8f6 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.