#36b9f1 Color Information
In a RGB color space, hex #36b9f1 is composed of 21.2% red, 72.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 23.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 198 degrees, a saturation of 87% and a lightness of 57.8%. #36b9f1 color hex could be obtained by blending #6cffff with #0073e3. Closest websafe color is: #33ccff.
-
- R 21
- G 73
- B 95
-
- C 78
- M 23
- Y 0
- K 5
● #36b9f1 color description : Bright blue.
#36b9f1 Color Conversion
The hexadecimal color #36b9f1 has RGB values of R:54, G:185, B:241 and CMYK values of C:0.78, M:0.23, Y:0, K:0.05. Its decimal value is 3586545.
Hex triplet | 36b9f1 | #36b9f1 |
---|---|---|
RGB Decimal | 54, 185, 241 | rgb(54,185,241) |
RGB Percent | 21.2, 72.5, 94.5 | rgb(21.2%,72.5%,94.5%) |
CMYK | 78, 23, 0, 5 | |
HSL | 198°, 87, 57.8 | hsl(198,87%,57.8%) |
HSV (or HSB) | 198°, 77.6, 94.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.754, -16.433, -37.744 |
---|---|
XYZ | 34.743, 41.83, 89.457 |
xyY | 0.209, 0.252, 41.83 |
CIE-LCH | 70.754, 41.166, 246.472 |
CIE-LUV | 70.754, -44.607, -58.661 |
Hunter-Lab | 64.676, -17.295, -36.734 |
Binary | 00110110, 10111001, 11110001 |
Color Schemes with #36b9f1
Alternatives to #36b9f1
Below, you can see some colors close to #36b9f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b9f1 Preview
This text has a font color of #36b9f1.
<span style="color:#36b9f1;">Text here</span>
This paragraph has a background color of #36b9f1.
<p style="background-color:#36b9f1;">Content here</p>
This element has a border color of #36b9f1.
<div style="border:1px solid #36b9f1;">Content here</div>
.text {color:#36b9f1;}
.background {background-color:#36b9f1;}
.border {border:1px solid #36b9f1;}
Shades and Tints of #36b9f1
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, #000101 is the darkest color, while #edf9fe is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#010e13
#010e13
rgb(1,14,19)
-
#031b25
#031b25
rgb(3,27,37)
-
#042838
#042838
rgb(4,40,56)
-
#05354a
#05354a
rgb(5,53,74)
-
#06435c
#06435c
rgb(6,67,92)
-
#08506f
#08506f
rgb(8,80,111)
-
#095d81
#095d81
rgb(9,93,129)
-
#0a6a93
#0a6a93
rgb(10,106,147)
-
#0c78a6
#0c78a6
rgb(12,120,166)
-
#0d85b8
#0d85b8
rgb(13,133,184)
-
#0e92ca
#0e92ca
rgb(14,146,202)
-
#0f9fdd
#0f9fdd
rgb(15,159,221)
-
#11acee
#11acee
rgb(17,172,238)
-
#24b3f0
#24b3f0
rgb(36,179,240)
-
#36b9f1
#36b9f1
rgb(54,185,241)
-
#48bff2
#48bff2
rgb(72,191,242)
-
#5bc6f4
#5bc6f4
rgb(91,198,244)
-
#6dccf5
#6dccf5
rgb(109,204,245)
-
#7fd3f6
#7fd3f6
rgb(127,211,246)
-
#92d9f7
#92d9f7
rgb(146,217,247)
-
#a4dff9
#a4dff9
rgb(164,223,249)
-
#b6e6fa
#b6e6fa
rgb(182,230,250)
-
#c9ecfb
#c9ecfb
rgb(201,236,251)
-
#dbf2fc
#dbf2fc
rgb(219,242,252)
-
#edf9fe
#edf9fe
rgb(237,249,254)
Tones of #36b9f1
A tone is produced by adding gray to any pure hue. In this case, #919596 is the less saturated color, while #2ebcf9 is the most saturated one.
-
#919596
#919596
rgb(145,149,150)
-
#89989e
#89989e
rgb(137,152,158)
-
#809ba7
#809ba7
rgb(128,155,167)
-
#789eaf
#789eaf
rgb(120,158,175)
-
#70a2b7
#70a2b7
rgb(112,162,183)
-
#68a5bf
#68a5bf
rgb(104,165,191)
-
#5fa8c8
#5fa8c8
rgb(95,168,200)
-
#57acd0
#57acd0
rgb(87,172,208)
-
#4fafd8
#4fafd8
rgb(79,175,216)
-
#47b2e0
#47b2e0
rgb(71,178,224)
-
#3eb6e9
#3eb6e9
rgb(62,182,233)
-
#36b9f1
#36b9f1
rgb(54,185,241)
-
#2ebcf9
#2ebcf9
rgb(46,188,249)
Color Blindness Simulator
Below, you can see how #36b9f1 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.