#36caf4 Color Information
In a RGB color space, hex #36caf4 is composed of 21.2% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 193.3 degrees, a saturation of 89.6% and a lightness of 58.4%. #36caf4 color hex could be obtained by blending #6cffff with #0095e9. Closest websafe color is: #33ccff.
-
- R 21
- G 79
- B 96
-
- C 78
- M 17
- Y 0
- K 4
● #36caf4 color description : Bright cyan.
#36caf4 Color Conversion
The hexadecimal color #36caf4 has RGB values of R:54, G:202, B:244 and CMYK values of C:0.78, M:0.17, Y:0, K:0.04. Its decimal value is 3590900.
Hex triplet | 36caf4 | #36caf4 |
---|---|---|
RGB Decimal | 54, 202, 244 | rgb(54,202,244) |
RGB Percent | 21.2, 79.2, 95.7 | rgb(21.2%,79.2%,95.7%) |
CMYK | 78, 17, 0, 4 | |
HSL | 193.3°, 89.6, 58.4 | hsl(193.3,89.6%,58.4%) |
HSV (or HSB) | 193.3°, 77.9, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.794, -24.226, -31.558 |
---|---|
XYZ | 38.967, 49.553, 93.094 |
xyY | 0.215, 0.273, 49.553 |
CIE-LCH | 75.794, 39.784, 232.488 |
CIE-LUV | 75.794, -50.262, -47.507 |
Hunter-Lab | 70.394, -24.381, -29.133 |
Binary | 00110110, 11001010, 11110100 |
Color Schemes with #36caf4
Alternatives to #36caf4
Below, you can see some colors close to #36caf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36caf4 Preview
This text has a font color of #36caf4.
<span style="color:#36caf4;">Text here</span>
This paragraph has a background color of #36caf4.
<p style="background-color:#36caf4;">Content here</p>
This element has a border color of #36caf4.
<div style="border:1px solid #36caf4;">Content here</div>
.text {color:#36caf4;}
.background {background-color:#36caf4;}
.border {border:1px solid #36caf4;}
Shades and Tints of #36caf4
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, #000304 is the darkest color, while #f0fbfe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#011216
#011216
rgb(1,18,22)
-
#022029
#022029
rgb(2,32,41)
-
#032f3b
#032f3b
rgb(3,47,59)
-
#043e4e
#043e4e
rgb(4,62,78)
-
#054c61
#054c61
rgb(5,76,97)
-
#065b73
#065b73
rgb(6,91,115)
-
#076a86
#076a86
rgb(7,106,134)
-
#087998
#087998
rgb(8,121,152)
-
#0987ab
#0987ab
rgb(9,135,171)
-
#0a96be
#0a96be
rgb(10,150,190)
-
#0ba5d0
#0ba5d0
rgb(11,165,208)
-
#0cb3e3
#0cb3e3
rgb(12,179,227)
-
#11c0f2
#11c0f2
rgb(17,192,242)
-
#23c5f3
#23c5f3
rgb(35,197,243)
-
#36caf4
#36caf4
rgb(54,202,244)
-
#49cff5
#49cff5
rgb(73,207,245)
-
#5bd4f6
#5bd4f6
rgb(91,212,246)
-
#6ed9f7
#6ed9f7
rgb(110,217,247)
-
#80def8
#80def8
rgb(128,222,248)
-
#93e3f9
#93e3f9
rgb(147,227,249)
-
#a6e7fa
#a6e7fa
rgb(166,231,250)
-
#b8ecfb
#b8ecfb
rgb(184,236,251)
-
#cbf1fc
#cbf1fc
rgb(203,241,252)
-
#ddf6fd
#ddf6fd
rgb(221,246,253)
-
#f0fbfe
#f0fbfe
rgb(240,251,254)
Tones of #36caf4
A tone is produced by adding gray to any pure hue. In this case, #90989a is the less saturated color, while #2ecffc is the most saturated one.
-
#90989a
#90989a
rgb(144,152,154)
-
#889da2
#889da2
rgb(136,157,162)
-
#7fa1ab
#7fa1ab
rgb(127,161,171)
-
#77a6b3
#77a6b3
rgb(119,166,179)
-
#6faabb
#6faabb
rgb(111,170,187)
-
#67afc3
#67afc3
rgb(103,175,195)
-
#5fb3cb
#5fb3cb
rgb(95,179,203)
-
#57b8d3
#57b8d3
rgb(87,184,211)
-
#4ebcdc
#4ebcdc
rgb(78,188,220)
-
#46c1e4
#46c1e4
rgb(70,193,228)
-
#3ec5ec
#3ec5ec
rgb(62,197,236)
-
#36caf4
#36caf4
rgb(54,202,244)
-
#2ecffc
#2ecffc
rgb(46,207,252)
Color Blindness Simulator
Below, you can see how #36caf4 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.