#36a5ba Color Information
In a RGB color space, hex #36a5ba is composed of 21.2% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 189.5 degrees, a saturation of 55% and a lightness of 47.1%. #36a5ba color hex could be obtained by blending #6cffff with #004b75. Closest websafe color is: #3399cc.
-
- R 21
- G 65
- B 73
-
- C 71
- M 11
- Y 0
- K 27
● #36a5ba color description : Moderate cyan.
#36a5ba Color Conversion
The hexadecimal color #36a5ba has RGB values of R:54, G:165, B:186 and CMYK values of C:0.71, M:0.11, Y:0, K:0.27. Its decimal value is 3581370.
Hex triplet | 36a5ba | #36a5ba |
---|---|---|
RGB Decimal | 54, 165, 186 | rgb(54,165,186) |
RGB Percent | 21.2, 64.7, 72.9 | rgb(21.2%,64.7%,72.9%) |
CMYK | 71, 11, 0, 27 | |
HSL | 189.5°, 55, 47.1 | hsl(189.5,55%,47.1%) |
HSV (or HSB) | 189.5°, 71, 72.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.708, -23.945, -19.847 |
---|---|
XYZ | 23.837, 31.238, 51.225 |
xyY | 0.224, 0.294, 31.238 |
CIE-LCH | 62.708, 31.101, 219.654 |
CIE-LUV | 62.708, -40.972, -27.055 |
Hunter-Lab | 55.891, -21.68, -15.217 |
Binary | 00110110, 10100101, 10111010 |
Color Schemes with #36a5ba
Alternatives to #36a5ba
Below, you can see some colors close to #36a5ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a5ba Preview
This text has a font color of #36a5ba.
<span style="color:#36a5ba;">Text here</span>
This paragraph has a background color of #36a5ba.
<p style="background-color:#36a5ba;">Content here</p>
This element has a border color of #36a5ba.
<div style="border:1px solid #36a5ba;">Content here</div>
.text {color:#36a5ba;}
.background {background-color:#36a5ba;}
.border {border:1px solid #36a5ba;}
Shades and Tints of #36a5ba
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, #010304 is the darkest color, while #f3fafc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#051113
#051113
rgb(5,17,19)
-
#0a1e22
#0a1e22
rgb(10,30,34)
-
#0e2c31
#0e2c31
rgb(14,44,49)
-
#133940
#133940
rgb(19,57,64)
-
#174750
#174750
rgb(23,71,80)
-
#1c545f
#1c545f
rgb(28,84,95)
-
#20626e
#20626e
rgb(32,98,110)
-
#246f7d
#246f7d
rgb(36,111,125)
-
#297d8c
#297d8c
rgb(41,125,140)
-
#2d8a9c
#2d8a9c
rgb(45,138,156)
-
#3298ab
#3298ab
rgb(50,152,171)
-
#36a5ba
#36a5ba
rgb(54,165,186)
-
#3db1c7
#3db1c7
rgb(61,177,199)
-
#4cb7cb
#4cb7cb
rgb(76,183,203)
-
#5bbdcf
#5bbdcf
rgb(91,189,207)
-
#6bc3d4
#6bc3d4
rgb(107,195,212)
-
#7ac9d8
#7ac9d8
rgb(122,201,216)
-
#89cfdd
#89cfdd
rgb(137,207,221)
-
#98d6e1
#98d6e1
rgb(152,214,225)
-
#a7dce6
#a7dce6
rgb(167,220,230)
-
#b7e2ea
#b7e2ea
rgb(183,226,234)
-
#c6e8ee
#c6e8ee
rgb(198,232,238)
-
#d5eef3
#d5eef3
rgb(213,238,243)
-
#e4f4f7
#e4f4f7
rgb(228,244,247)
-
#f3fafc
#f3fafc
rgb(243,250,252)
Tones of #36a5ba
A tone is produced by adding gray to any pure hue. In this case, #777979 is the less saturated color, while #08c4e8 is the most saturated one.
-
#777979
#777979
rgb(119,121,121)
-
#6d7f83
#6d7f83
rgb(109,127,131)
-
#64868c
#64868c
rgb(100,134,140)
-
#5b8c95
#5b8c95
rgb(91,140,149)
-
#52929e
#52929e
rgb(82,146,158)
-
#4898a8
#4898a8
rgb(72,152,168)
-
#3f9fb1
#3f9fb1
rgb(63,159,177)
-
#36a5ba
#36a5ba
rgb(54,165,186)
-
#2dabc3
#2dabc3
rgb(45,171,195)
-
#24b2cc
#24b2cc
rgb(36,178,204)
-
#1ab8d6
#1ab8d6
rgb(26,184,214)
-
#11bedf
#11bedf
rgb(17,190,223)
-
#08c4e8
#08c4e8
rgb(8,196,232)
Color Blindness Simulator
Below, you can see how #36a5ba 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.