#55aed9 hex color

In a RGB color space, hex #55aed9 is composed of 33.3% red, 68.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 19.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 199.5 degrees, a saturation of 63.5% and a lightness of 59.2%. #55aed9 color hex could be obtained by blending #aaffff with #005db3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 68
- B 85
RGB color chart
- C 61
- M 20
- Y 0
- K 15
CMYK color chart

● #55aed9 color description : Soft blue.

The hexadecimal color #55aed9 has RGB values of R:85, G:174, B:217 and CMYK values of C:0.61, M:0.2, Y:0, K:0.15. Its decimal value is 5615321.

Hex triplet	55aed9	`#55aed9`
RGB Decimal	85, 174, 217	`rgb(85,174,217)`
RGB Percent	33.3, 68.2, 85.1	`rgb(33.3%,68.2%,85.1%)`
CMYK	61, 20, 0, 15
HSL	199.5°, 63.5, 59.2	`hsl(199.5,63.5%,59.2%)`
HSV (or HSB)	199.5°, 60.8, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.435, -13.972, -29.716
XYZ	31.404, 37.211, 71.169
xyY	0.225, 0.266, 37.211
CIE-LCH	67.435, 32.837, 244.817
CIE-LUV	67.435, -36.314, -44.987
Hunter-Lab	61.001, -14.858, -26.473
Binary	01010101, 10101110, 11011001

#55aed9
```
#55aed9 rgb(85,174,217)
```
#d98055
```
#d98055 rgb(217,128,85)
```

Complementary Color

#55d9c2
```
#55d9c2 rgb(85,217,194)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#556cd9
```
#556cd9 rgb(85,108,217)
```

Analogous Color

#d9c255
```
#d9c255 rgb(217,194,85)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#d9556c
```
#d9556c rgb(217,85,108)
```

Split Complementary Color

#aed955
```
#aed955 rgb(174,217,85)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#d955ae
```
#d955ae rgb(217,85,174)
```

Triadic Color

#55d980
```
#55d980 rgb(85,217,128)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#d955ae
```
#d955ae rgb(217,85,174)
```
#d98055
```
#d98055 rgb(217,128,85)
```

Tetradic Color

#298ab8
```
#298ab8 rgb(41,138,184)
```
#2e99cd
```
#2e99cd rgb(46,153,205)
```
#40a4d4
```
#40a4d4 rgb(64,164,212)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#6ab8de
```
#6ab8de rgb(106,184,222)
```
#7fc2e2
```
#7fc2e2 rgb(127,194,226)
```
#94cce7
```
#94cce7 rgb(148,204,231)
```

Monochromatic Color

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

#55cfd9
```
#55cfd9 rgb(85,207,217)
```
#55c4d9
```
#55c4d9 rgb(85,196,217)
```
#55b9d9
```
#55b9d9 rgb(85,185,217)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#55a3d9
```
#55a3d9 rgb(85,163,217)
```
#5598d9
```
#5598d9 rgb(85,152,217)
```
#558dd9
```
#558dd9 rgb(85,141,217)
```

Similar Colors

Text with hexadecimal color #55aed9

This text has a font color of #55aed9.

<span style="color:#55aed9;">Text here</span>

#55aed9 background color

This paragraph has a background color of #55aed9.

<p style="background-color:#55aed9;">Content here</p>

#55aed9 border color

This element has a border color of #55aed9.

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

CSS codes

.text {color:#55aed9;}

.background {background-color:#55aed9;}

.border {border:1px solid #55aed9;}

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, #010506 is the darkest color, while #f5fafd is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#051116
```
#051116 rgb(5,17,22)
```
#091d26
```
#091d26 rgb(9,29,38)
```
#0c2936
```
#0c2936 rgb(12,41,54)
```
#103546
```
#103546 rgb(16,53,70)
```
#134157
```
#134157 rgb(19,65,87)
```
#174d67
```
#174d67 rgb(23,77,103)
```
#1b5977
```
#1b5977 rgb(27,89,119)
```
#1e6587
```
#1e6587 rgb(30,101,135)
```
#227197
```
#227197 rgb(34,113,151)
```
#257da7
```
#257da7 rgb(37,125,167)
```
#2988b7
```
#2988b7 rgb(41,136,183)
```
#2c94c7
```
#2c94c7 rgb(44,148,199)
```

Shade Color Variation

#359fd2
```
#359fd2 rgb(53,159,210)
```
#45a6d5
```
#45a6d5 rgb(69,166,213)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#65b6dd
```
#65b6dd rgb(101,182,221)
```
#75bde0
```
#75bde0 rgb(117,189,224)
```
#85c5e4
```
#85c5e4 rgb(133,197,228)
```
#95cde7
```
#95cde7 rgb(149,205,231)
```
#a5d4eb
```
#a5d4eb rgb(165,212,235)
```
#b5dcef
```
#b5dcef rgb(181,220,239)
```
#c5e3f2
```
#c5e3f2 rgb(197,227,242)
```
#d5ebf6
```
#d5ebf6 rgb(213,235,246)
```
#e5f3f9
```
#e5f3f9 rgb(229,243,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959899 is the less saturated color, while #35b9f9 is the most saturated one.

#959899
```
#959899 rgb(149,152,153)
```
#8d9aa1
```
#8d9aa1 rgb(141,154,161)
```
#859da9
```
#859da9 rgb(133,157,169)
```
#7da0b1
```
#7da0b1 rgb(125,160,177)
```
#75a3b9
```
#75a3b9 rgb(117,163,185)
```
#6da6c1
```
#6da6c1 rgb(109,166,193)
```
#65a8c9
```
#65a8c9 rgb(101,168,201)
```
#5dabd1
```
#5dabd1 rgb(93,171,209)
```
#55aed9
```
#55aed9 rgb(85,174,217)
```
#4db1e1
```
#4db1e1 rgb(77,177,225)
```
#45b4e9
```
#45b4e9 rgb(69,180,233)
```
#3db6f1
```
#3db6f1 rgb(61,182,241)
```
#35b9f9
```
#35b9f9 rgb(53,185,249)
```

Tone Color Variation

Below, you can see how #55aed9 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

#989898 Achromatopsia 0.005% of the population
#8b9ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca7d3 Protanopia 1% of men
#97a6df Deuteranopia 1% of men
#50b6c3 Tritanopia 0.001% of the population

Trichromacy

#82a9d5 Protanomaly 1% of men, 0.01% of women
#7fa9dd Deuteranomaly 6% of men, 0.4% of women
#51b3cb Tritanomaly 0.01% of the population

#55aed9 hex color

#55aed9 Color Information

#55aed9 Color Conversion

Color Schemes with #55aed9

Alternatives to #55aed9

#55aed9 Preview

Shades and Tints of #55aed9

Tones of #55aed9

Color Blindness Simulator