#36a0bb Color Information
In a RGB color space, hex #36a0bb is composed of 21.2% red, 62.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 14.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.2 degrees, a saturation of 55.2% and a lightness of 47.3%. #36a0bb color hex could be obtained by blending #6cffff with #004177. Closest websafe color is: #3399cc.
-
- R 21
- G 63
- B 73
-
- C 71
- M 14
- Y 0
- K 27
● #36a0bb color description : Moderate cyan.
#36a0bb Color Conversion
The hexadecimal color #36a0bb has RGB values of R:54, G:160, B:187 and CMYK values of C:0.71, M:0.14, Y:0, K:0.27. Its decimal value is 3580091.
Hex triplet | 36a0bb | #36a0bb |
---|---|---|
RGB Decimal | 54, 160, 187 | rgb(54,160,187) |
RGB Percent | 21.2, 62.7, 73.3 | rgb(21.2%,62.7%,73.3%) |
CMYK | 71, 14, 0, 27 | |
HSL | 192.2°, 55.2, 47.3 | hsl(192.2,55.2%,47.3%) |
HSV (or HSB) | 192.2°, 71.1, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.231, -21.045, -22.664 |
---|---|
XYZ | 23.059, 29.512, 51.492 |
xyY | 0.222, 0.284, 29.512 |
CIE-LCH | 61.231, 30.928, 227.121 |
CIE-LUV | 61.231, -39.1, -31.909 |
Hunter-Lab | 54.325, -19.3, -18.171 |
Binary | 00110110, 10100000, 10111011 |
Color Schemes with #36a0bb
Alternatives to #36a0bb
Below, you can see some colors close to #36a0bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a0bb Preview
This text has a font color of #36a0bb.
<span style="color:#36a0bb;">Text here</span>
This paragraph has a background color of #36a0bb.
<p style="background-color:#36a0bb;">Content here</p>
This element has a border color of #36a0bb.
<div style="border:1px solid #36a0bb;">Content here</div>
.text {color:#36a0bb;}
.background {background-color:#36a0bb;}
.border {border:1px solid #36a0bb;}
Shades and Tints of #36a0bb
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, #010404 is the darkest color, while #f4fafc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061114
#061114
rgb(6,17,20)
-
#0a1e23
#0a1e23
rgb(10,30,35)
-
#0e2b32
#0e2b32
rgb(14,43,50)
-
#133841
#133841
rgb(19,56,65)
-
#174550
#174550
rgb(23,69,80)
-
#1c5260
#1c5260
rgb(28,82,96)
-
#205f6f
#205f6f
rgb(32,95,111)
-
#246c7e
#246c7e
rgb(36,108,126)
-
#29798d
#29798d
rgb(41,121,141)
-
#2d869d
#2d869d
rgb(45,134,157)
-
#3293ac
#3293ac
rgb(50,147,172)
-
#36a0bb
#36a0bb
rgb(54,160,187)
-
#3dabc7
#3dabc7
rgb(61,171,199)
-
#4db2cc
#4db2cc
rgb(77,178,204)
-
#5cb8d0
#5cb8d0
rgb(92,184,208)
-
#6bbfd4
#6bbfd4
rgb(107,191,212)
-
#7ac6d9
#7ac6d9
rgb(122,198,217)
-
#8accdd
#8accdd
rgb(138,204,221)
-
#99d3e1
#99d3e1
rgb(153,211,225)
-
#a8d9e6
#a8d9e6
rgb(168,217,230)
-
#b7e0ea
#b7e0ea
rgb(183,224,234)
-
#c6e7ef
#c6e7ef
rgb(198,231,239)
-
#d6edf3
#d6edf3
rgb(214,237,243)
-
#e5f4f7
#e5f4f7
rgb(229,244,247)
-
#f4fafc
#f4fafc
rgb(244,250,252)
Tones of #36a0bb
A tone is produced by adding gray to any pure hue. In this case, #77797a is the less saturated color, while #08bce9 is the most saturated one.
-
#77797a
#77797a
rgb(119,121,122)
-
#6e7f83
#6e7f83
rgb(110,127,131)
-
#64848d
#64848d
rgb(100,132,141)
-
#5b8a96
#5b8a96
rgb(91,138,150)
-
#528f9f
#528f9f
rgb(82,143,159)
-
#4995a8
#4995a8
rgb(73,149,168)
-
#3f9ab2
#3f9ab2
rgb(63,154,178)
-
#36a0bb
#36a0bb
rgb(54,160,187)
-
#2da6c4
#2da6c4
rgb(45,166,196)
-
#23abce
#23abce
rgb(35,171,206)
-
#1ab1d7
#1ab1d7
rgb(26,177,215)
-
#11b6e0
#11b6e0
rgb(17,182,224)
-
#08bce9
#08bce9
rgb(8,188,233)
Color Blindness Simulator
Below, you can see how #36a0bb 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.