#36a5d0 Color Information
In a RGB color space, hex #36a5d0 is composed of 21.2% red, 64.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 20.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 196.8 degrees, a saturation of 62.1% and a lightness of 51.4%. #36a5d0 color hex could be obtained by blending #6cffff with #004ba1. Closest websafe color is: #3399cc.
-
- R 21
- G 65
- B 82
-
- C 74
- M 21
- Y 0
- K 18
● #36a5d0 color description : Moderate blue.
#36a5d0 Color Conversion
The hexadecimal color #36a5d0 has RGB values of R:54, G:165, B:208 and CMYK values of C:0.74, M:0.21, Y:0, K:0.18. Its decimal value is 3581392.
Hex triplet | 36a5d0 | #36a5d0 |
---|---|---|
RGB Decimal | 54, 165, 208 | rgb(54,165,208) |
RGB Percent | 21.2, 64.7, 81.6 | rgb(21.2%,64.7%,81.6%) |
CMYK | 74, 21, 0, 18 | |
HSL | 196.8°, 62.1, 51.4 | hsl(196.8,62.1%,51.4%) |
HSV (or HSB) | 196.8°, 74, 81.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.546, -16.81, -30.826 |
---|---|
XYZ | 26.359, 32.246, 64.506 |
xyY | 0.214, 0.262, 32.246 |
CIE-LCH | 63.546, 35.112, 241.396 |
CIE-LUV | 63.546, -39.639, -46.134 |
Hunter-Lab | 56.786, -16.52, -27.601 |
Binary | 00110110, 10100101, 11010000 |
Color Schemes with #36a5d0
Alternatives to #36a5d0
Below, you can see some colors close to #36a5d0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a5d0 Preview
This text has a font color of #36a5d0.
<span style="color:#36a5d0;">Text here</span>
This paragraph has a background color of #36a5d0.
<p style="background-color:#36a5d0;">Content here</p>
This element has a border color of #36a5d0.
<div style="border:1px solid #36a5d0;">Content here</div>
.text {color:#36a5d0;}
.background {background-color:#36a5d0;}
.border {border:1px solid #36a5d0;}
Shades and Tints of #36a5d0
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, #010406 is the darkest color, while #f5fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#051116
#051116
rgb(5,17,22)
-
#091d25
#091d25
rgb(9,29,37)
-
#0c2a35
#0c2a35
rgb(12,42,53)
-
#103645
#103645
rgb(16,54,69)
-
#144355
#144355
rgb(20,67,85)
-
#184f65
#184f65
rgb(24,79,101)
-
#1b5c75
#1b5c75
rgb(27,92,117)
-
#1f6885
#1f6885
rgb(31,104,133)
-
#237595
#237595
rgb(35,117,149)
-
#2781a5
#2781a5
rgb(39,129,165)
-
#2a8eb5
#2a8eb5
rgb(42,142,181)
-
#2e9ac4
#2e9ac4
rgb(46,154,196)
-
#36a5d0
#36a5d0
rgb(54,165,208)
-
#46acd4
#46acd4
rgb(70,172,212)
-
#56b3d7
#56b3d7
rgb(86,179,215)
-
#66badb
#66badb
rgb(102,186,219)
-
#76c1df
#76c1df
rgb(118,193,223)
-
#85c9e3
#85c9e3
rgb(133,201,227)
-
#95d0e6
#95d0e6
rgb(149,208,230)
-
#a5d7ea
#a5d7ea
rgb(165,215,234)
-
#b5deee
#b5deee
rgb(181,222,238)
-
#c5e5f1
#c5e5f1
rgb(197,229,241)
-
#d5ecf5
#d5ecf5
rgb(213,236,245)
-
#e5f3f9
#e5f3f9
rgb(229,243,249)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #36a5d0
A tone is produced by adding gray to any pure hue. In this case, #828384 is the less saturated color, while #10b6f6 is the most saturated one.
-
#828384
#828384
rgb(130,131,132)
-
#79888d
#79888d
rgb(121,136,141)
-
#6f8c97
#6f8c97
rgb(111,140,151)
-
#6690a0
#6690a0
rgb(102,144,160)
-
#5c94aa
#5c94aa
rgb(92,148,170)
-
#5398b3
#5398b3
rgb(83,152,179)
-
#499dbd
#499dbd
rgb(73,157,189)
-
#40a1c6
#40a1c6
rgb(64,161,198)
-
#36a5d0
#36a5d0
rgb(54,165,208)
-
#2ca9da
#2ca9da
rgb(44,169,218)
-
#23ade3
#23ade3
rgb(35,173,227)
-
#19b2ed
#19b2ed
rgb(25,178,237)
-
#10b6f6
#10b6f6
rgb(16,182,246)
Color Blindness Simulator
Below, you can see how #36a5d0 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.