#36aeff Color Information
In a RGB color space, hex #36aeff is composed of 21.2% red, 68.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 31.8% magenta, 0% yellow and 0% black. It has a hue angle of 204.2 degrees, a saturation of 100% and a lightness of 60.6%. #36aeff color hex could be obtained by blending #6cffff with #005dff. Closest websafe color is: #3399ff.
-
- R 21
- G 68
- B 100
-
- C 79
- M 32
- Y 0
- K 0
● #36aeff color description : Light blue.
#36aeff Color Conversion
The hexadecimal color #36aeff has RGB values of R:54, G:174, B:255 and CMYK values of C:0.79, M:0.32, Y:0, K:0. Its decimal value is 3583743.
Hex triplet | 36aeff | #36aeff |
---|---|---|
RGB Decimal | 54, 174, 255 | rgb(54,174,255) |
RGB Percent | 21.2, 68.2, 100 | rgb(21.2%,68.2%,100%) |
CMYK | 79, 32, 0, 0 | |
HSL | 204.2°, 100, 60.6 | hsl(204.2,100%,60.6%) |
HSV (or HSB) | 204.2°, 78.8, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.222, -5.659, -49.301 |
---|---|
XYZ | 34.703, 38.273, 100.161 |
xyY | 0.2, 0.221, 38.273 |
CIE-LCH | 68.222, 49.624, 263.452 |
CIE-LUV | 68.222, -40.069, -79.386 |
Hunter-Lab | 61.865, -8.136, -52.685 |
Binary | 00110110, 10101110, 11111111 |
Color Schemes with #36aeff
Alternatives to #36aeff
Below, you can see some colors close to #36aeff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36aeff Preview
This text has a font color of #36aeff.
<span style="color:#36aeff;">Text here</span>
This paragraph has a background color of #36aeff.
<p style="background-color:#36aeff;">Content here</p>
This element has a border color of #36aeff.
<div style="border:1px solid #36aeff;">Content here</div>
.text {color:#36aeff;}
.background {background-color:#36aeff;}
.border {border:1px solid #36aeff;}
Shades and Tints of #36aeff
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, #00090f is the darkest color, while #fafdff is the lightest one.
-
#00090f
#00090f
rgb(0,9,15)
-
#001522
#001522
rgb(0,21,34)
-
#002036
#002036
rgb(0,32,54)
-
#002c4a
#002c4a
rgb(0,44,74)
-
#00385d
#00385d
rgb(0,56,93)
-
#004371
#004371
rgb(0,67,113)
-
#004f84
#004f84
rgb(0,79,132)
-
#005b98
#005b98
rgb(0,91,152)
-
#0067ac
#0067ac
rgb(0,103,172)
-
#0072bf
#0072bf
rgb(0,114,191)
-
#007ed3
#007ed3
rgb(0,126,211)
-
#008ae7
#008ae7
rgb(0,138,231)
-
#0095fa
#0095fa
rgb(0,149,250)
-
#0f9eff
#0f9eff
rgb(15,158,255)
-
#22a6ff
#22a6ff
rgb(34,166,255)
-
#36aeff
#36aeff
rgb(54,174,255)
-
#4ab6ff
#4ab6ff
rgb(74,182,255)
-
#5dbeff
#5dbeff
rgb(93,190,255)
-
#71c6ff
#71c6ff
rgb(113,198,255)
-
#84ceff
#84ceff
rgb(132,206,255)
-
#98d6ff
#98d6ff
rgb(152,214,255)
-
#acddff
#acddff
rgb(172,221,255)
-
#bfe5ff
#bfe5ff
rgb(191,229,255)
-
#d3edff
#d3edff
rgb(211,237,255)
-
#e7f5ff
#e7f5ff
rgb(231,245,255)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #36aeff
A tone is produced by adding gray to any pure hue. In this case, #939ca2 is the less saturated color, while #36aeff is the most saturated one.
-
#939ca2
#939ca2
rgb(147,156,162)
-
#8b9eaa
#8b9eaa
rgb(139,158,170)
-
#839fb2
#839fb2
rgb(131,159,178)
-
#7ca1b9
#7ca1b9
rgb(124,161,185)
-
#74a2c1
#74a2c1
rgb(116,162,193)
-
#6ca4c9
#6ca4c9
rgb(108,164,201)
-
#64a5d1
#64a5d1
rgb(100,165,209)
-
#5da7d8
#5da7d8
rgb(93,167,216)
-
#55a8e0
#55a8e0
rgb(85,168,224)
-
#4daae8
#4daae8
rgb(77,170,232)
-
#45abf0
#45abf0
rgb(69,171,240)
-
#3eadf7
#3eadf7
rgb(62,173,247)
-
#36aeff
#36aeff
rgb(54,174,255)
Color Blindness Simulator
Below, you can see how #36aeff 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.