#36aaf9 Color Information
In a RGB color space, hex #36aaf9 is composed of 21.2% red, 66.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 31.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 204.3 degrees, a saturation of 94.2% and a lightness of 59.4%. #36aaf9 color hex could be obtained by blending #6cffff with #0055f3. Closest websafe color is: #3399ff.
-
- R 21
- G 67
- B 98
-
- C 78
- M 32
- Y 0
- K 2
● #36aaf9 color description : Bright blue.
#36aaf9 Color Conversion
The hexadecimal color #36aaf9 has RGB values of R:54, G:170, B:249 and CMYK values of C:0.78, M:0.32, Y:0, K:0.02. Its decimal value is 3582713.
Hex triplet | 36aaf9 | #36aaf9 |
---|---|---|
RGB Decimal | 54, 170, 249 | rgb(54,170,249) |
RGB Percent | 21.2, 66.7, 97.6 | rgb(21.2%,66.7%,97.6%) |
CMYK | 78, 32, 0, 2 | |
HSL | 204.3°, 94.2, 59.4 | hsl(204.3,94.2%,59.4%) |
HSV (or HSB) | 204.3°, 78.3, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.802, -5.516, -48.281 |
---|---|
XYZ | 32.991, 36.37, 94.899 |
xyY | 0.201, 0.221, 36.37 |
CIE-LCH | 66.802, 48.595, 263.482 |
CIE-LUV | 66.802, -39.054, -77.416 |
Hunter-Lab | 60.308, -7.892, -51.082 |
Binary | 00110110, 10101010, 11111001 |
Color Schemes with #36aaf9
Alternatives to #36aaf9
Below, you can see some colors close to #36aaf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36aaf9 Preview
This text has a font color of #36aaf9.
<span style="color:#36aaf9;">Text here</span>
This paragraph has a background color of #36aaf9.
<p style="background-color:#36aaf9;">Content here</p>
This element has a border color of #36aaf9.
<div style="border:1px solid #36aaf9;">Content here</div>
.text {color:#36aaf9;}
.background {background-color:#36aaf9;}
.border {border:1px solid #36aaf9;}
Shades and Tints of #36aaf9
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, #000509 is the darkest color, while #f4fbff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#01111c
#01111c
rgb(1,17,28)
-
#011c2f
#011c2f
rgb(1,28,47)
-
#022842
#022842
rgb(2,40,66)
-
#033355
#033355
rgb(3,51,85)
-
#033f68
#033f68
rgb(3,63,104)
-
#044b7b
#044b7b
rgb(4,75,123)
-
#04568e
#04568e
rgb(4,86,142)
-
#0562a1
#0562a1
rgb(5,98,161)
-
#056db4
#056db4
rgb(5,109,180)
-
#0679c7
#0679c7
rgb(6,121,199)
-
#0784da
#0784da
rgb(7,132,218)
-
#0790ed
#0790ed
rgb(7,144,237)
-
#109af8
#109af8
rgb(16,154,248)
-
#23a2f8
#23a2f8
rgb(35,162,248)
-
#36aaf9
#36aaf9
rgb(54,170,249)
-
#49b2fa
#49b2fa
rgb(73,178,250)
-
#5cbafa
#5cbafa
rgb(92,186,250)
-
#6fc2fb
#6fc2fb
rgb(111,194,251)
-
#82cafb
#82cafb
rgb(130,202,251)
-
#95d2fc
#95d2fc
rgb(149,210,252)
-
#a8dafc
#a8dafc
rgb(168,218,252)
-
#bbe2fd
#bbe2fd
rgb(187,226,253)
-
#ceeafe
#ceeafe
rgb(206,234,254)
-
#e1f2fe
#e1f2fe
rgb(225,242,254)
-
#f4fbff
#f4fbff
rgb(244,251,255)
Tones of #36aaf9
A tone is produced by adding gray to any pure hue. In this case, #969899 is the less saturated color, while #36aaf9 is the most saturated one.
-
#969899
#969899
rgb(150,152,153)
-
#8e99a1
#8e99a1
rgb(142,153,161)
-
#869ba9
#869ba9
rgb(134,155,169)
-
#7e9cb1
#7e9cb1
rgb(126,156,177)
-
#769eb9
#769eb9
rgb(118,158,185)
-
#6e9fc1
#6e9fc1
rgb(110,159,193)
-
#66a1c9
#66a1c9
rgb(102,161,201)
-
#5ea2d1
#5ea2d1
rgb(94,162,209)
-
#56a4d9
#56a4d9
rgb(86,164,217)
-
#4ea5e1
#4ea5e1
rgb(78,165,225)
-
#46a7e9
#46a7e9
rgb(70,167,233)
-
#3ea8f1
#3ea8f1
rgb(62,168,241)
-
#36aaf9
#36aaf9
rgb(54,170,249)
Color Blindness Simulator
Below, you can see how #36aaf9 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.