#36aed5 hex color

In a RGB color space, hex #36aed5 is composed of 21.2% red, 68.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 18.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 194.7 degrees, a saturation of 65.4% and a lightness of 52.4%. #36aed5 color hex could be obtained by blending #6cffff with #005dab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 68
- B 84
RGB color chart
- C 75
- M 18
- Y 0
- K 16
CMYK color chart

● #36aed5 color description : Moderate cyan.

The hexadecimal color #36aed5 has RGB values of R:54, G:174, B:213 and CMYK values of C:0.75, M:0.18, Y:0, K:0.16. Its decimal value is 3583701.

Hex triplet	36aed5	`#36aed5`
RGB Decimal	54, 174, 213	`rgb(54,174,213)`
RGB Percent	21.2, 68.2, 83.5	`rgb(21.2%,68.2%,83.5%)`
CMYK	75, 18, 0, 16
HSL	194.7°, 65.4, 52.4	`hsl(194.7,65.4%,52.4%)`
HSV (or HSB)	194.7°, 74.6, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.411, -19.917, -29.165
XYZ	28.664, 35.858, 68.358
xyY	0.216, 0.27, 35.858
CIE-LCH	66.411, 35.317, 235.67
CIE-LUV	66.411, -42.514, -43.245
Hunter-Lab	59.882, -19.347, -25.765
Binary	00110110, 10101110, 11010101

#36aed5
```
#36aed5 rgb(54,174,213)
```
#d55d36
```
#d55d36 rgb(213,93,54)
```

Complementary Color

#36d5ad
```
#36d5ad rgb(54,213,173)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#365fd5
```
#365fd5 rgb(54,95,213)
```

Analogous Color

#d5ad36
```
#d5ad36 rgb(213,173,54)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#d5365f
```
#d5365f rgb(213,54,95)
```

Split Complementary Color

#aed536
```
#aed536 rgb(174,213,54)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#d536ae
```
#d536ae rgb(213,54,174)
```

Triadic Color

#36d55d
```
#36d55d rgb(54,213,93)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#d536ae
```
#d536ae rgb(213,54,174)
```
#d55d36
```
#d55d36 rgb(213,93,54)
```

Tetradic Color

#217f9e
```
#217f9e rgb(33,127,158)
```
#2590b3
```
#2590b3 rgb(37,144,179)
```
#2aa1c8
```
#2aa1c8 rgb(42,161,200)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#4bb7d9
```
#4bb7d9 rgb(75,183,217)
```
#60bfde
```
#60bfde rgb(96,191,222)
```
#75c8e2
```
#75c8e2 rgb(117,200,226)
```

Monochromatic Color

Below, you can see some colors close to #36aed5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#36d5d4
```
#36d5d4 rgb(54,213,212)
```
#36c9d5
```
#36c9d5 rgb(54,201,213)
```
#36bbd5
```
#36bbd5 rgb(54,187,213)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#36a1d5
```
#36a1d5 rgb(54,161,213)
```
#3694d5
```
#3694d5 rgb(54,148,213)
```
#3686d5
```
#3686d5 rgb(54,134,213)
```

Similar Colors

Text with hexadecimal color #36aed5

This text has a font color of #36aed5.

<span style="color:#36aed5;">Text here</span>

#36aed5 background color

This paragraph has a background color of #36aed5.

<p style="background-color:#36aed5;">Content here</p>

#36aed5 border color

This element has a border color of #36aed5.

<div style="border:1px solid #36aed5;">Content here</div>

CSS codes

.text {color:#36aed5;}

.background {background-color:#36aed5;}

.border {border:1px solid #36aed5;}

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, #02080a is the darkest color, while #f9fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#05151a
```
#05151a rgb(5,21,26)
```
#09222a
```
#09222a rgb(9,34,42)
```
#0c2f3b
```
#0c2f3b rgb(12,47,59)
```
#103c4b
```
#103c4b rgb(16,60,75)
```
#13495b
```
#13495b rgb(19,73,91)
```
#16566b
```
#16566b rgb(22,86,107)
```
#1a647c
```
#1a647c rgb(26,100,124)
```
#1d718c
```
#1d718c rgb(29,113,140)
```
#217e9c
```
#217e9c rgb(33,126,156)
```
#248bac
```
#248bac rgb(36,139,172)
```
#2798bc
```
#2798bc rgb(39,152,188)
```
#2ba5cd
```
#2ba5cd rgb(43,165,205)
```

Shade Color Variation

#36aed5
```
#36aed5 rgb(54,174,213)
```
#46b5d8
```
#46b5d8 rgb(70,181,216)
```
#56bbdc
```
#56bbdc rgb(86,187,220)
```
#67c2df
```
#67c2df rgb(103,194,223)
```
#77c8e3
```
#77c8e3 rgb(119,200,227)
```
#87cfe6
```
#87cfe6 rgb(135,207,230)
```
#97d5e9
```
#97d5e9 rgb(151,213,233)
```
#a8dced
```
#a8dced rgb(168,220,237)
```
#b8e2f0
```
#b8e2f0 rgb(184,226,240)
```
#c8e9f4
```
#c8e9f4 rgb(200,233,244)
```
#d8eff7
```
#d8eff7 rgb(216,239,247)
```
#e8f6fa
```
#e8f6fa rgb(232,246,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81888a is the less saturated color, while #11c1fa is the most saturated one.

#81888a
```
#81888a rgb(129,136,138)
```
#778d94
```
#778d94 rgb(119,141,148)
```
#6e919d
```
#6e919d rgb(110,145,157)
```
#6596a6
```
#6596a6 rgb(101,150,166)
```
#5b9bb0
```
#5b9bb0 rgb(91,155,176)
```
#52a0b9
```
#52a0b9 rgb(82,160,185)
```
#49a4c2
```
#49a4c2 rgb(73,164,194)
```
#3fa9cc
```
#3fa9cc rgb(63,169,204)
```
#36aed5
```
#36aed5 rgb(54,174,213)
```
#2db3de
```
#2db3de rgb(45,179,222)
```
#23b8e8
```
#23b8e8 rgb(35,184,232)
```
#1abcf1
```
#1abcf1 rgb(26,188,241)
```
#11c1fa
```
#11c1fa rgb(17,193,250)
```

Tone Color Variation

Below, you can see how #36aed5 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.

Monochromacy

#8f8f8f Achromatopsia 0.005% of the population
#7d959d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba4ce Protanopia 1% of men
#94a4dc Deuteranopia 1% of men
#29b5c3 Tritanopia 0.001% of the population

Trichromacy

#76a8d0 Protanomaly 1% of men, 0.01% of women
#72a7d9 Deuteranomaly 6% of men, 0.4% of women
#2db3c9 Tritanomaly 0.01% of the population

#36aed5 hex color

#36aed5 Color Information

#36aed5 Color Conversion

Color Schemes with #36aed5

Alternatives to #36aed5

#36aed5 Preview

Shades and Tints of #36aed5

Tones of #36aed5

Color Blindness Simulator