#36a5c4 Color Information
In a RGB color space, hex #36a5c4 is composed of 21.2% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 193.1 degrees, a saturation of 56.8% and a lightness of 49%. #36a5c4 color hex could be obtained by blending #6cffff with #004b89. Closest websafe color is: #3399cc.
-
- R 21
- G 65
- B 77
-
- C 72
- M 16
- Y 0
- K 23
● #36a5c4 color description : Moderate cyan.
#36a5c4 Color Conversion
The hexadecimal color #36a5c4 has RGB values of R:54, G:165, B:196 and CMYK values of C:0.72, M:0.16, Y:0, K:0.23. Its decimal value is 3581380.
Hex triplet | 36a5c4 | #36a5c4 |
---|---|---|
RGB Decimal | 54, 165, 196 | rgb(54,165,196) |
RGB Percent | 21.2, 64.7, 76.9 | rgb(21.2%,64.7%,76.9%) |
CMYK | 72, 16, 0, 23 | |
HSL | 193.1°, 56.8, 49 | hsl(193.1,56.8%,49%) |
HSV (or HSB) | 193.1°, 72.4, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.076, -20.752, -24.872 |
---|---|
XYZ | 24.938, 31.678, 57.022 |
xyY | 0.219, 0.279, 31.678 |
CIE-LCH | 63.076, 32.392, 230.16 |
CIE-LUV | 63.076, -40.358, -35.714 |
Hunter-Lab | 56.283, -19.407, -20.67 |
Binary | 00110110, 10100101, 11000100 |
Color Schemes with #36a5c4
Alternatives to #36a5c4
Below, you can see some colors close to #36a5c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36a5c4 Preview
This text has a font color of #36a5c4.
<span style="color:#36a5c4;">Text here</span>
This paragraph has a background color of #36a5c4.
<p style="background-color:#36a5c4;">Content here</p>
This element has a border color of #36a5c4.
<div style="border:1px solid #36a5c4;">Content here</div>
.text {color:#36a5c4;}
.background {background-color:#36a5c4;}
.border {border:1px solid #36a5c4;}
Shades and Tints of #36a5c4
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, #030a0b is the darkest color, while #fbfdfe is the lightest one.
-
#030a0b
#030a0b
rgb(3,10,11)
-
#07171b
#07171b
rgb(7,23,27)
-
#0c242a
#0c242a
rgb(12,36,42)
-
#10303a
#10303a
rgb(16,48,58)
-
#143d49
#143d49
rgb(20,61,73)
-
#184a58
#184a58
rgb(24,74,88)
-
#1d5768
#1d5768
rgb(29,87,104)
-
#216477
#216477
rgb(33,100,119)
-
#257186
#257186
rgb(37,113,134)
-
#297e96
#297e96
rgb(41,126,150)
-
#2e8ba5
#2e8ba5
rgb(46,139,165)
-
#3298b5
#3298b5
rgb(50,152,181)
-
#36a5c4
#36a5c4
rgb(54,165,196)
-
#43adcb
#43adcb
rgb(67,173,203)
-
#52b4cf
#52b4cf
rgb(82,180,207)
-
#61bbd4
#61bbd4
rgb(97,187,212)
-
#71c1d8
#71c1d8
rgb(113,193,216)
-
#80c8dc
#80c8dc
rgb(128,200,220)
-
#8fcfe0
#8fcfe0
rgb(143,207,224)
-
#9fd5e4
#9fd5e4
rgb(159,213,228)
-
#aedce9
#aedce9
rgb(174,220,233)
-
#bee3ed
#bee3ed
rgb(190,227,237)
-
#cde9f1
#cde9f1
rgb(205,233,241)
-
#dcf0f5
#dcf0f5
rgb(220,240,245)
-
#ecf7fa
#ecf7fa
rgb(236,247,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #36a5c4
A tone is produced by adding gray to any pure hue. In this case, #797f81 is the less saturated color, while #06c0f4 is the most saturated one.
-
#797f81
#797f81
rgb(121,127,129)
-
#70848a
#70848a
rgb(112,132,138)
-
#668a94
#668a94
rgb(102,138,148)
-
#5c8f9e
#5c8f9e
rgb(92,143,158)
-
#5395a7
#5395a7
rgb(83,149,167)
-
#499ab1
#499ab1
rgb(73,154,177)
-
#40a0ba
#40a0ba
rgb(64,160,186)
-
#36a5c4
#36a5c4
rgb(54,165,196)
-
#2caace
#2caace
rgb(44,170,206)
-
#23b0d7
#23b0d7
rgb(35,176,215)
-
#19b5e1
#19b5e1
rgb(25,181,225)
-
#10bbea
#10bbea
rgb(16,187,234)
-
#06c0f4
#06c0f4
rgb(6,192,244)
Color Blindness Simulator
Below, you can see how #36a5c4 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.