#36aaf6 Color Information
In a RGB color space, hex #36aaf6 is composed of 21.2% red, 66.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 30.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 203.8 degrees, a saturation of 91.4% and a lightness of 58.8%. #36aaf6 color hex could be obtained by blending #6cffff with #0055ed. Closest websafe color is: #3399ff.
-
- R 21
- G 67
- B 96
-
- C 78
- M 31
- Y 0
- K 4
● #36aaf6 color description : Bright blue.
#36aaf6 Color Conversion
The hexadecimal color #36aaf6 has RGB values of R:54, G:170, B:246 and CMYK values of C:0.78, M:0.31, Y:0, K:0.04. Its decimal value is 3582710.
Hex triplet | 36aaf6 | #36aaf6 |
---|---|---|
RGB Decimal | 54, 170, 246 | rgb(54,170,246) |
RGB Percent | 21.2, 66.7, 96.5 | rgb(21.2%,66.7%,96.5%) |
CMYK | 78, 31, 0, 4 | |
HSL | 203.8°, 91.4, 58.8 | hsl(203.8,91.4%,58.8%) |
HSV (or HSB) | 203.8°, 78, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.661, -6.564, -46.869 |
---|---|
XYZ | 32.527, 36.185, 92.454 |
xyY | 0.202, 0.225, 36.185 |
CIE-LCH | 66.661, 47.326, 262.028 |
CIE-LUV | 66.661, -39.214, -74.872 |
Hunter-Lab | 60.154, -8.75, -49.019 |
Binary | 00110110, 10101010, 11110110 |
Color Schemes with #36aaf6
Alternatives to #36aaf6
Below, you can see some colors close to #36aaf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36aaf6 Preview
This text has a font color of #36aaf6.
<span style="color:#36aaf6;">Text here</span>
This paragraph has a background color of #36aaf6.
<p style="background-color:#36aaf6;">Content here</p>
This element has a border color of #36aaf6.
<div style="border:1px solid #36aaf6;">Content here</div>
.text {color:#36aaf6;}
.background {background-color:#36aaf6;}
.border {border:1px solid #36aaf6;}
Shades and Tints of #36aaf6
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, #000306 is the darkest color, while #f2f9fe is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#010f18
#010f18
rgb(1,15,24)
-
#021b2b
#021b2b
rgb(2,27,43)
-
#03263e
#03263e
rgb(3,38,62)
-
#043251
#043251
rgb(4,50,81)
-
#043e63
#043e63
rgb(4,62,99)
-
#054976
#054976
rgb(5,73,118)
-
#065589
#065589
rgb(6,85,137)
-
#07619c
#07619c
rgb(7,97,156)
-
#086dae
#086dae
rgb(8,109,174)
-
#0978c1
#0978c1
rgb(9,120,193)
-
#0984d4
#0984d4
rgb(9,132,212)
-
#0a90e7
#0a90e7
rgb(10,144,231)
-
#109af4
#109af4
rgb(16,154,244)
-
#23a2f5
#23a2f5
rgb(35,162,245)
-
#36aaf6
#36aaf6
rgb(54,170,246)
-
#49b2f7
#49b2f7
rgb(73,178,247)
-
#5cbaf8
#5cbaf8
rgb(92,186,248)
-
#6ec2f9
#6ec2f9
rgb(110,194,249)
-
#81caf9
#81caf9
rgb(129,202,249)
-
#94d2fa
#94d2fa
rgb(148,210,250)
-
#a7dafb
#a7dafb
rgb(167,218,251)
-
#b9e2fc
#b9e2fc
rgb(185,226,252)
-
#cceafd
#cceafd
rgb(204,234,253)
-
#dff1fe
#dff1fe
rgb(223,241,254)
-
#f2f9fe
#f2f9fe
rgb(242,249,254)
Tones of #36aaf6
A tone is produced by adding gray to any pure hue. In this case, #8f979d is the less saturated color, while #2eacfe is the most saturated one.
-
#8f979d
#8f979d
rgb(143,151,157)
-
#8799a5
#8799a5
rgb(135,153,165)
-
#7f9bad
#7f9bad
rgb(127,155,173)
-
#779db5
#779db5
rgb(119,157,181)
-
#6f9ebd
#6f9ebd
rgb(111,158,189)
-
#66a0c6
#66a0c6
rgb(102,160,198)
-
#5ea2ce
#5ea2ce
rgb(94,162,206)
-
#56a3d6
#56a3d6
rgb(86,163,214)
-
#4ea5de
#4ea5de
rgb(78,165,222)
-
#46a7e6
#46a7e6
rgb(70,167,230)
-
#3ea8ee
#3ea8ee
rgb(62,168,238)
-
#36aaf6
#36aaf6
rgb(54,170,246)
-
#2eacfe
#2eacfe
rgb(46,172,254)
Color Blindness Simulator
Below, you can see how #36aaf6 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.