#36a2bd Color Information
In a RGB color space, hex #36a2bd is composed of 21.2% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 192 degrees, a saturation of 55.6% and a lightness of 47.6%. #36a2bd color hex could be obtained by blending #6cffff with #00457b. Closest websafe color is: #3399cc.
-
- R 21
- G 64
- B 74
-
- C 71
- M 14
- Y 0
- K 26
● #36a2bd color description : Moderate cyan.
#36a2bd Color Conversion
The hexadecimal color #36a2bd has RGB values of R:54, G:162, B:189 and CMYK values of C:0.71, M:0.14, Y:0, K:0.26. Its decimal value is 3580605.
Hex triplet | 36a2bd | #36a2bd |
---|---|---|
RGB Decimal | 54, 162, 189 | rgb(54,162,189) |
RGB Percent | 21.2, 63.5, 74.1 | rgb(21.2%,63.5%,74.1%) |
CMYK | 71, 14, 0, 26 | |
HSL | 192°, 55.6, 47.6 | hsl(192,55.6%,47.6%) |
HSV (or HSB) | 192°, 71.4, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.91, -21.445, -22.746 |
---|---|
XYZ | 23.624, 30.297, 52.744 |
xyY | 0.221, 0.284, 30.297 |
CIE-LCH | 61.91, 31.261, 226.686 |
CIE-LUV | 61.91, -39.703, -32.044 |
Hunter-Lab | 55.043, -19.712, -18.284 |
Binary | 00110110, 10100010, 10111101 |
Color Schemes with #36a2bd
Alternatives to #36a2bd
Below, you can see some colors close to #36a2bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a2bd Preview
This text has a font color of #36a2bd.
<span style="color:#36a2bd;">Text here</span>
This paragraph has a background color of #36a2bd.
<p style="background-color:#36a2bd;">Content here</p>
This element has a border color of #36a2bd.
<div style="border:1px solid #36a2bd;">Content here</div>
.text {color:#36a2bd;}
.background {background-color:#36a2bd;}
.border {border:1px solid #36a2bd;}
Shades and Tints of #36a2bd
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, #020506 is the darkest color, while #f6fbfc is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#061215
#061215
rgb(6,18,21)
-
#0a1f24
#0a1f24
rgb(10,31,36)
-
#0f2c34
#0f2c34
rgb(15,44,52)
-
#133943
#133943
rgb(19,57,67)
-
#174652
#174652
rgb(23,70,82)
-
#1c5461
#1c5461
rgb(28,84,97)
-
#206171
#206171
rgb(32,97,113)
-
#256e80
#256e80
rgb(37,110,128)
-
#297b8f
#297b8f
rgb(41,123,143)
-
#2d889e
#2d889e
rgb(45,136,158)
-
#3295ae
#3295ae
rgb(50,149,174)
-
#36a2bd
#36a2bd
rgb(54,162,189)
-
#3fadc8
#3fadc8
rgb(63,173,200)
-
#4eb3cc
#4eb3cc
rgb(78,179,204)
-
#5dbad1
#5dbad1
rgb(93,186,209)
-
#6cc0d5
#6cc0d5
rgb(108,192,213)
-
#7cc7d9
#7cc7d9
rgb(124,199,217)
-
#8bcdde
#8bcdde
rgb(139,205,222)
-
#9ad4e2
#9ad4e2
rgb(154,212,226)
-
#a9dae7
#a9dae7
rgb(169,218,231)
-
#b9e1eb
#b9e1eb
rgb(185,225,235)
-
#c8e7ef
#c8e7ef
rgb(200,231,239)
-
#d7eef4
#d7eef4
rgb(215,238,244)
-
#e6f4f8
#e6f4f8
rgb(230,244,248)
-
#f6fbfc
#f6fbfc
rgb(246,251,252)
Tones of #36a2bd
A tone is produced by adding gray to any pure hue. In this case, #777b7c is the less saturated color, while #07beec is the most saturated one.
-
#777b7c
#777b7c
rgb(119,123,124)
-
#6e8085
#6e8085
rgb(110,128,133)
-
#65868e
#65868e
rgb(101,134,142)
-
#5b8c98
#5b8c98
rgb(91,140,152)
-
#5291a1
#5291a1
rgb(82,145,161)
-
#4997aa
#4997aa
rgb(73,151,170)
-
#3f9cb4
#3f9cb4
rgb(63,156,180)
-
#36a2bd
#36a2bd
rgb(54,162,189)
-
#2da8c6
#2da8c6
rgb(45,168,198)
-
#23add0
#23add0
rgb(35,173,208)
-
#1ab3d9
#1ab3d9
rgb(26,179,217)
-
#11b8e2
#11b8e2
rgb(17,184,226)
-
#07beec
#07beec
rgb(7,190,236)
Color Blindness Simulator
Below, you can see how #36a2bd 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.