#36a2ec Color Information
In a RGB color space, hex #36a2ec is composed of 21.2% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.4 degrees, a saturation of 82.7% and a lightness of 56.9%. #36a2ec color hex could be obtained by blending #6cffff with #0045d9. Closest websafe color is: #3399ff.
-
- R 21
- G 64
- B 93
-
- C 77
- M 31
- Y 0
- K 7
● #36a2ec color description : Bright blue.
#36a2ec Color Conversion
The hexadecimal color #36a2ec has RGB values of R:54, G:162, B:236 and CMYK values of C:0.77, M:0.31, Y:0, K:0.07. Its decimal value is 3580652.
Hex triplet | 36a2ec | #36a2ec |
---|---|---|
RGB Decimal | 54, 162, 236 | rgb(54,162,236) |
RGB Percent | 21.2, 63.5, 92.5 | rgb(21.2%,63.5%,92.5%) |
CMYK | 77, 31, 0, 7 | |
HSL | 204.4°, 82.7, 56.9 | hsl(204.4,82.7%,56.9%) |
HSV (or HSB) | 204.4°, 77.1, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 63.9, -5.566, -45.745 |
---|---|
XYZ | 29.578, 32.679, 84.101 |
xyY | 0.202, 0.223, 32.679 |
CIE-LCH | 63.9, 46.082, 263.063 |
CIE-LUV | 63.9, -37.046, -72.601 |
Hunter-Lab | 57.165, -7.68, -47.211 |
Binary | 00110110, 10100010, 11101100 |
Color Schemes with #36a2ec
Alternatives to #36a2ec
Below, you can see some colors close to #36a2ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a2ec Preview
This text has a font color of #36a2ec.
<span style="color:#36a2ec;">Text here</span>
This paragraph has a background color of #36a2ec.
<p style="background-color:#36a2ec;">Content here</p>
This element has a border color of #36a2ec.
<div style="border:1px solid #36a2ec;">Content here</div>
.text {color:#36a2ec;}
.background {background-color:#36a2ec;}
.border {border:1px solid #36a2ec;}
Shades and Tints of #36a2ec
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, #01090e is the darkest color, while #fbfdff is the lightest one.
-
#01090e
#01090e
rgb(1,9,14)
-
#031420
#031420
rgb(3,20,32)
-
#052032
#052032
rgb(5,32,50)
-
#062b44
#062b44
rgb(6,43,68)
-
#083656
#083656
rgb(8,54,86)
-
#0a4168
#0a4168
rgb(10,65,104)
-
#0b4d7a
#0b4d7a
rgb(11,77,122)
-
#0d588c
#0d588c
rgb(13,88,140)
-
#0f639d
#0f639d
rgb(15,99,157)
-
#116faf
#116faf
rgb(17,111,175)
-
#127ac1
#127ac1
rgb(18,122,193)
-
#1485d3
#1485d3
rgb(20,133,211)
-
#1691e5
#1691e5
rgb(22,145,229)
-
#249aea
#249aea
rgb(36,154,234)
-
#36a2ec
#36a2ec
rgb(54,162,236)
-
#48aaee
#48aaee
rgb(72,170,238)
-
#5ab3ef
#5ab3ef
rgb(90,179,239)
-
#6cbbf1
#6cbbf1
rgb(108,187,241)
-
#7ec3f3
#7ec3f3
rgb(126,195,243)
-
#90cbf4
#90cbf4
rgb(144,203,244)
-
#a2d4f6
#a2d4f6
rgb(162,212,246)
-
#b3dcf8
#b3dcf8
rgb(179,220,248)
-
#c5e4fa
#c5e4fa
rgb(197,228,250)
-
#d7edfb
#d7edfb
rgb(215,237,251)
-
#e9f5fd
#e9f5fd
rgb(233,245,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #36a2ec
A tone is produced by adding gray to any pure hue. In this case, #8b9297 is the less saturated color, while #25a5fd is the most saturated one.
-
#8b9297
#8b9297
rgb(139,146,151)
-
#8294a0
#8294a0
rgb(130,148,160)
-
#7a95a8
#7a95a8
rgb(122,149,168)
-
#7197b1
#7197b1
rgb(113,151,177)
-
#6999b9
#6999b9
rgb(105,153,185)
-
#609ac2
#609ac2
rgb(96,154,194)
-
#589cca
#589cca
rgb(88,156,202)
-
#4f9dd3
#4f9dd3
rgb(79,157,211)
-
#479fdb
#479fdb
rgb(71,159,219)
-
#3ea0e4
#3ea0e4
rgb(62,160,228)
-
#36a2ec
#36a2ec
rgb(54,162,236)
-
#2ea4f4
#2ea4f4
rgb(46,164,244)
-
#25a5fd
#25a5fd
rgb(37,165,253)
Color Blindness Simulator
Below, you can see how #36a2ec 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.