#36b6fd Color Information
In a RGB color space, hex #36b6fd is composed of 21.2% red, 71.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 28.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.4 degrees, a saturation of 98% and a lightness of 60.2%. #36b6fd color hex could be obtained by blending #6cffff with #006dfb. Closest websafe color is: #33ccff.
-
- R 21
- G 71
- B 99
-
- C 79
- M 28
- Y 0
- K 1
● #36b6fd color description : Bright blue.
#36b6fd Color Conversion
The hexadecimal color #36b6fd has RGB values of R:54, G:182, B:253 and CMYK values of C:0.79, M:0.28, Y:0, K:0.01. Its decimal value is 3585789.
Hex triplet | 36b6fd | #36b6fd |
---|---|---|
RGB Decimal | 54, 182, 253 | rgb(54,182,253) |
RGB Percent | 21.2, 71.4, 99.2 | rgb(21.2%,71.4%,99.2%) |
CMYK | 79, 28, 0, 1 | |
HSL | 201.4°, 98, 60.2 | hsl(201.4,98%,60.2%) |
HSV (or HSB) | 201.4°, 78.7, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.406, -10.76, -44.783 |
---|---|
XYZ | 35.974, 41.329, 99.004 |
xyY | 0.204, 0.234, 41.329 |
CIE-LCH | 70.406, 46.058, 256.489 |
CIE-LUV | 70.406, -42.865, -71.391 |
Hunter-Lab | 64.288, -12.617, -46.307 |
Binary | 00110110, 10110110, 11111101 |
Color Schemes with #36b6fd
Alternatives to #36b6fd
Below, you can see some colors close to #36b6fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b6fd Preview
This text has a font color of #36b6fd.
<span style="color:#36b6fd;">Text here</span>
This paragraph has a background color of #36b6fd.
<p style="background-color:#36b6fd;">Content here</p>
This element has a border color of #36b6fd.
<div style="border:1px solid #36b6fd;">Content here</div>
.text {color:#36b6fd;}
.background {background-color:#36b6fd;}
.border {border:1px solid #36b6fd;}
Shades and Tints of #36b6fd
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, #00080d is the darkest color, while #f8fdff is the lightest one.
-
#00080d
#00080d
rgb(0,8,13)
-
#001520
#001520
rgb(0,21,32)
-
#012133
#012133
rgb(1,33,51)
-
#012e47
#012e47
rgb(1,46,71)
-
#013a5a
#013a5a
rgb(1,58,90)
-
#01476e
#01476e
rgb(1,71,110)
-
#015481
#015481
rgb(1,84,129)
-
#016095
#016095
rgb(1,96,149)
-
#026da8
#026da8
rgb(2,109,168)
-
#0279bb
#0279bb
rgb(2,121,187)
-
#0286cf
#0286cf
rgb(2,134,207)
-
#0292e2
#0292e2
rgb(2,146,226)
-
#029ff6
#029ff6
rgb(2,159,246)
-
#0fa8fd
#0fa8fd
rgb(15,168,253)
-
#23affd
#23affd
rgb(35,175,253)
-
#36b6fd
#36b6fd
rgb(54,182,253)
-
#49bdfd
#49bdfd
rgb(73,189,253)
-
#5dc4fd
#5dc4fd
rgb(93,196,253)
-
#70cbfe
#70cbfe
rgb(112,203,254)
-
#84d2fe
#84d2fe
rgb(132,210,254)
-
#97d9fe
#97d9fe
rgb(151,217,254)
-
#abe0fe
#abe0fe
rgb(171,224,254)
-
#bee7fe
#bee7fe
rgb(190,231,254)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e5f5ff
#e5f5ff
rgb(229,245,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #36b6fd
A tone is produced by adding gray to any pure hue. In this case, #949b9f is the less saturated color, while #36b6fd is the most saturated one.
-
#949b9f
#949b9f
rgb(148,155,159)
-
#8c9da7
#8c9da7
rgb(140,157,167)
-
#84a0af
#84a0af
rgb(132,160,175)
-
#7ca2b7
#7ca2b7
rgb(124,162,183)
-
#74a4bf
#74a4bf
rgb(116,164,191)
-
#6da6c6
#6da6c6
rgb(109,166,198)
-
#65a9ce
#65a9ce
rgb(101,169,206)
-
#5dabd6
#5dabd6
rgb(93,171,214)
-
#55adde
#55adde
rgb(85,173,222)
-
#4dafe6
#4dafe6
rgb(77,175,230)
-
#46b2ed
#46b2ed
rgb(70,178,237)
-
#3eb4f5
#3eb4f5
rgb(62,180,245)
-
#36b6fd
#36b6fd
rgb(54,182,253)
Color Blindness Simulator
Below, you can see how #36b6fd 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.