#36b7d8 Color Information
In a RGB color space, hex #36b7d8 is composed of 21.2% red, 71.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 15.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 192.2 degrees, a saturation of 67.5% and a lightness of 52.9%. #36b7d8 color hex could be obtained by blending #6cffff with #006fb1. Closest websafe color is: #33cccc.
-
- R 21
- G 72
- B 85
-
- C 75
- M 15
- Y 0
- K 15
● #36b7d8 color description : Strong cyan.
#36b7d8 Color Conversion
The hexadecimal color #36b7d8 has RGB values of R:54, G:183, B:216 and CMYK values of C:0.75, M:0.15, Y:0, K:0.15. Its decimal value is 3586008.
Hex triplet | 36b7d8 | #36b7d8 |
---|---|---|
RGB Decimal | 54, 183, 216 | rgb(54,183,216) |
RGB Percent | 21.2, 71.8, 84.7 | rgb(21.2%,71.8%,84.7%) |
CMYK | 75, 15, 0, 15 | |
HSL | 192.2°, 67.5, 52.9 | hsl(192.2,67.5%,52.9%) |
HSV (or HSB) | 192.2°, 75, 84.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.188, -23.587, -26.54 |
---|---|
XYZ | 30.846, 39.606, 70.981 |
xyY | 0.218, 0.28, 39.606 |
CIE-LCH | 69.188, 35.507, 228.371 |
CIE-LUV | 69.188, -45.497, -38.596 |
Hunter-Lab | 62.934, -22.644, -22.818 |
Binary | 00110110, 10110111, 11011000 |
Color Schemes with #36b7d8
Alternatives to #36b7d8
Below, you can see some colors close to #36b7d8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b7d8 Preview
This text has a font color of #36b7d8.
<span style="color:#36b7d8;">Text here</span>
This paragraph has a background color of #36b7d8.
<p style="background-color:#36b7d8;">Content here</p>
This element has a border color of #36b7d8.
<div style="border:1px solid #36b7d8;">Content here</div>
.text {color:#36b7d8;}
.background {background-color:#36b7d8;}
.border {border:1px solid #36b7d8;}
Shades and Tints of #36b7d8
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, #020b0d is the darkest color, while #fbfefe is the lightest one.
-
#020b0d
#020b0d
rgb(2,11,13)
-
#06181d
#06181d
rgb(6,24,29)
-
#09262d
#09262d
rgb(9,38,45)
-
#0c343e
#0c343e
rgb(12,52,62)
-
#0f414e
#0f414e
rgb(15,65,78)
-
#124f5f
#124f5f
rgb(18,79,95)
-
#165d6f
#165d6f
rgb(22,93,111)
-
#196b80
#196b80
rgb(25,107,128)
-
#1c7890
#1c7890
rgb(28,120,144)
-
#1f86a0
#1f86a0
rgb(31,134,160)
-
#2294b1
#2294b1
rgb(34,148,177)
-
#26a2c1
#26a2c1
rgb(38,162,193)
-
#29afd2
#29afd2
rgb(41,175,210)
-
#36b7d8
#36b7d8
rgb(54,183,216)
-
#46bddb
#46bddb
rgb(70,189,219)
-
#57c3de
#57c3de
rgb(87,195,222)
-
#67c9e2
#67c9e2
rgb(103,201,226)
-
#78cfe5
#78cfe5
rgb(120,207,229)
-
#88d4e8
#88d4e8
rgb(136,212,232)
-
#99daeb
#99daeb
rgb(153,218,235)
-
#a9e0ee
#a9e0ee
rgb(169,224,238)
-
#b9e6f2
#b9e6f2
rgb(185,230,242)
-
#caecf5
#caecf5
rgb(202,236,245)
-
#daf2f8
#daf2f8
rgb(218,242,248)
-
#ebf8fb
#ebf8fb
rgb(235,248,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #36b7d8
A tone is produced by adding gray to any pure hue. In this case, #808b8e is the less saturated color, while #11cdfd is the most saturated one.
-
#808b8e
#808b8e
rgb(128,139,142)
-
#779197
#779197
rgb(119,145,151)
-
#6d96a1
#6d96a1
rgb(109,150,161)
-
#649caa
#649caa
rgb(100,156,170)
-
#5ba1b3
#5ba1b3
rgb(91,161,179)
-
#52a7bc
#52a7bc
rgb(82,167,188)
-
#48acc6
#48acc6
rgb(72,172,198)
-
#3fb2cf
#3fb2cf
rgb(63,178,207)
-
#36b7d8
#36b7d8
rgb(54,183,216)
-
#2dbce1
#2dbce1
rgb(45,188,225)
-
#24c2ea
#24c2ea
rgb(36,194,234)
-
#1ac7f4
#1ac7f4
rgb(26,199,244)
-
#11cdfd
#11cdfd
rgb(17,205,253)
Color Blindness Simulator
Below, you can see how #36b7d8 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.