#36b5fd Color Information
In a RGB color space, hex #36b5fd is composed of 21.2% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.7 degrees, a saturation of 98% and a lightness of 60.2%. #36b5fd color hex could be obtained by blending #6cffff with #006bfb. Closest websafe color is: #33ccff.
-
- R 21
- G 71
- B 99
-
- C 79
- M 28
- Y 0
- K 1
● #36b5fd color description : Bright blue.
#36b5fd Color Conversion
The hexadecimal color #36b5fd has RGB values of R:54, G:181, B:253 and CMYK values of C:0.79, M:0.28, Y:0, K:0.01. Its decimal value is 3585533.
Hex triplet | 36b5fd | #36b5fd |
---|---|---|
RGB Decimal | 54, 181, 253 | rgb(54,181,253) |
RGB Percent | 21.2, 71, 99.2 | rgb(21.2%,71%,99.2%) |
CMYK | 79, 28, 0, 1 | |
HSL | 201.7°, 98, 60.2 | hsl(201.7,98%,60.2%) |
HSV (or HSB) | 201.7°, 78.7, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.12, -10.216, -45.231 |
---|---|
XYZ | 35.77, 40.921, 98.936 |
xyY | 0.204, 0.233, 40.921 |
CIE-LCH | 70.12, 46.37, 257.273 |
CIE-LUV | 70.12, -42.527, -72.185 |
Hunter-Lab | 63.969, -12.133, -46.921 |
Binary | 00110110, 10110101, 11111101 |
Color Schemes with #36b5fd
Alternatives to #36b5fd
Below, you can see some colors close to #36b5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b5fd Preview
This text has a font color of #36b5fd.
<span style="color:#36b5fd;">Text here</span>
This paragraph has a background color of #36b5fd.
<p style="background-color:#36b5fd;">Content here</p>
This element has a border color of #36b5fd.
<div style="border:1px solid #36b5fd;">Content here</div>
.text {color:#36b5fd;}
.background {background-color:#36b5fd;}
.border {border:1px solid #36b5fd;}
Shades and Tints of #36b5fd
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)
-
#01466e
#01466e
rgb(1,70,110)
-
#015381
#015381
rgb(1,83,129)
-
#015f95
#015f95
rgb(1,95,149)
-
#026ca8
#026ca8
rgb(2,108,168)
-
#0278bb
#0278bb
rgb(2,120,187)
-
#0285cf
#0285cf
rgb(2,133,207)
-
#0291e2
#0291e2
rgb(2,145,226)
-
#029ef6
#029ef6
rgb(2,158,246)
-
#0fa7fd
#0fa7fd
rgb(15,167,253)
-
#23aefd
#23aefd
rgb(35,174,253)
-
#36b5fd
#36b5fd
rgb(54,181,253)
-
#49bcfd
#49bcfd
rgb(73,188,253)
-
#5dc3fd
#5dc3fd
rgb(93,195,253)
-
#70cafe
#70cafe
rgb(112,202,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 #36b5fd
A tone is produced by adding gray to any pure hue. In this case, #949b9f is the less saturated color, while #36b5fd is the most saturated one.
-
#949b9f
#949b9f
rgb(148,155,159)
-
#8c9da7
#8c9da7
rgb(140,157,167)
-
#849faf
#849faf
rgb(132,159,175)
-
#7ca2b7
#7ca2b7
rgb(124,162,183)
-
#74a4bf
#74a4bf
rgb(116,164,191)
-
#6da6c6
#6da6c6
rgb(109,166,198)
-
#65a8ce
#65a8ce
rgb(101,168,206)
-
#5daad6
#5daad6
rgb(93,170,214)
-
#55acde
#55acde
rgb(85,172,222)
-
#4dafe6
#4dafe6
rgb(77,175,230)
-
#46b1ed
#46b1ed
rgb(70,177,237)
-
#3eb3f5
#3eb3f5
rgb(62,179,245)
-
#36b5fd
#36b5fd
rgb(54,181,253)
Color Blindness Simulator
Below, you can see how #36b5fd 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.