#36afe5 Color Information
In a RGB color space, hex #36afe5 is composed of 21.2% red, 68.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 23.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 198.5 degrees, a saturation of 77.1% and a lightness of 55.5%. #36afe5 color hex could be obtained by blending #6cffff with #005fcb. Closest websafe color is: #3399cc.
-
- R 21
- G 69
- B 90
-
- C 76
- M 24
- Y 0
- K 10
● #36afe5 color description : Bright blue.
#36afe5 Color Conversion
The hexadecimal color #36afe5 has RGB values of R:54, G:175, B:229 and CMYK values of C:0.76, M:0.24, Y:0, K:0.1. Its decimal value is 3583973.
Hex triplet | 36afe5 | #36afe5 |
---|---|---|
RGB Decimal | 54, 175, 229 | rgb(54,175,229) |
RGB Percent | 21.2, 68.6, 89.8 | rgb(21.2%,68.6%,89.8%) |
CMYK | 76, 24, 0, 10 | |
HSL | 198.5°, 77.1, 55.5 | hsl(198.5,77.1%,55.5%) |
HSV (or HSB) | 198.5°, 76.4, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 67.351, -15.133, -36.5 |
---|---|
XYZ | 30.991, 37.099, 79.652 |
xyY | 0.21, 0.251, 37.099 |
CIE-LCH | 67.351, 39.513, 247.481 |
CIE-LUV | 67.351, -41.889, -56.318 |
Hunter-Lab | 60.909, -15.769, -34.899 |
Binary | 00110110, 10101111, 11100101 |
Color Schemes with #36afe5
Alternatives to #36afe5
Below, you can see some colors close to #36afe5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36afe5 Preview
This text has a font color of #36afe5.
<span style="color:#36afe5;">Text here</span>
This paragraph has a background color of #36afe5.
<p style="background-color:#36afe5;">Content here</p>
This element has a border color of #36afe5.
<div style="border:1px solid #36afe5;">Content here</div>
.text {color:#36afe5;}
.background {background-color:#36afe5;}
.border {border:1px solid #36afe5;}
Shades and Tints of #36afe5
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, #010507 is the darkest color, while #f5fbfe is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#031219
#031219
rgb(3,18,25)
-
#051f2a
#051f2a
rgb(5,31,42)
-
#082c3c
#082c3c
rgb(8,44,60)
-
#0a384d
#0a384d
rgb(10,56,77)
-
#0c455e
#0c455e
rgb(12,69,94)
-
#0e5270
#0e5270
rgb(14,82,112)
-
#115e81
#115e81
rgb(17,94,129)
-
#136b92
#136b92
rgb(19,107,146)
-
#1578a4
#1578a4
rgb(21,120,164)
-
#1784b5
#1784b5
rgb(23,132,181)
-
#1a91c6
#1a91c6
rgb(26,145,198)
-
#1c9ed8
#1c9ed8
rgb(28,158,216)
-
#25a8e3
#25a8e3
rgb(37,168,227)
-
#36afe5
#36afe5
rgb(54,175,229)
-
#47b6e7
#47b6e7
rgb(71,182,231)
-
#59bde9
#59bde9
rgb(89,189,233)
-
#6ac4ec
#6ac4ec
rgb(106,196,236)
-
#7bcbee
#7bcbee
rgb(123,203,238)
-
#8dd2f0
#8dd2f0
rgb(141,210,240)
-
#9ed8f2
#9ed8f2
rgb(158,216,242)
-
#b0dff5
#b0dff5
rgb(176,223,245)
-
#c1e6f7
#c1e6f7
rgb(193,230,247)
-
#d2edf9
#d2edf9
rgb(210,237,249)
-
#e4f4fb
#e4f4fb
rgb(228,244,251)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #36afe5
A tone is produced by adding gray to any pure hue. In this case, #8d8e8e is the less saturated color, while #25b6f6 is the most saturated one.
-
#8d8e8e
#8d8e8e
rgb(141,142,142)
-
#859196
#859196
rgb(133,145,150)
-
#7c949f
#7c949f
rgb(124,148,159)
-
#7398a8
#7398a8
rgb(115,152,168)
-
#6a9bb1
#6a9bb1
rgb(106,155,177)
-
#629eb9
#629eb9
rgb(98,158,185)
-
#59a2c2
#59a2c2
rgb(89,162,194)
-
#50a5cb
#50a5cb
rgb(80,165,203)
-
#47a8d4
#47a8d4
rgb(71,168,212)
-
#3facdc
#3facdc
rgb(63,172,220)
-
#36afe5
#36afe5
rgb(54,175,229)
-
#2db2ee
#2db2ee
rgb(45,178,238)
-
#25b6f6
#25b6f6
rgb(37,182,246)
Color Blindness Simulator
Below, you can see how #36afe5 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.