#55afce hex color

In a RGB color space, hex #55afce is composed of 33.3% red, 68.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 15% magenta, 0% yellow and 19.2% black. It has a hue angle of 195.4 degrees, a saturation of 55.3% and a lightness of 57.1%. #55afce color hex could be obtained by blending #aaffff with #005f9d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 69
- B 81
RGB color chart
- C 59
- M 15
- Y 0
- K 19
CMYK color chart

● #55afce color description : Moderate blue.

The hexadecimal color #55afce has RGB values of R:85, G:175, B:206 and CMYK values of C:0.59, M:0.15, Y:0, K:0.19. Its decimal value is 5615566.

Hex triplet	55afce	`#55afce`
RGB Decimal	85, 175, 206	`rgb(85,175,206)`
RGB Percent	33.3, 68.6, 80.8	`rgb(33.3%,68.6%,80.8%)`
CMYK	59, 15, 0, 19
HSL	195.4°, 55.3, 57.1	`hsl(195.4,55.3%,57.1%)`
HSV (or HSB)	195.4°, 58.7, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.311, -17.859, -23.849
XYZ	30.214, 37.045, 63.947
xyY	0.23, 0.282, 37.045
CIE-LCH	67.311, 29.794, 233.172
CIE-LUV	67.311, -37.141, -34.692
Hunter-Lab	60.865, -17.904, -19.687
Binary	01010101, 10101111, 11001110

#55afce
```
#55afce rgb(85,175,206)
```
#ce7455
```
#ce7455 rgb(206,116,85)
```

Complementary Color

#55ceb1
```
#55ceb1 rgb(85,206,177)
```
#55afce
```
#55afce rgb(85,175,206)
```
#5573ce
```
#5573ce rgb(85,115,206)
```

Analogous Color

#ceb155
```
#ceb155 rgb(206,177,85)
```
#55afce
```
#55afce rgb(85,175,206)
```
#ce5573
```
#ce5573 rgb(206,85,115)
```

Split Complementary Color

#afce55
```
#afce55 rgb(175,206,85)
```
#55afce
```
#55afce rgb(85,175,206)
```
#ce55af
```
#ce55af rgb(206,85,175)
```

Triadic Color

#55ce74
```
#55ce74 rgb(85,206,116)
```
#55afce
```
#55afce rgb(85,175,206)
```
#ce55af
```
#ce55af rgb(206,85,175)
```
#ce7455
```
#ce7455 rgb(206,116,85)
```

Tetradic Color

#3088a7
```
#3088a7 rgb(48,136,167)
```
#3698ba
```
#3698ba rgb(54,152,186)
```
#41a6c8
```
#41a6c8 rgb(65,166,200)
```
#55afce
```
#55afce rgb(85,175,206)
```
#69b8d4
```
#69b8d4 rgb(105,184,212)
```
#7dc2d9
```
#7dc2d9 rgb(125,194,217)
```
#90cbdf
```
#90cbdf rgb(144,203,223)
```

Monochromatic Color

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

#55cdce
```
#55cdce rgb(85,205,206)
```
#55c3ce
```
#55c3ce rgb(85,195,206)
```
#55b9ce
```
#55b9ce rgb(85,185,206)
```
#55afce
```
#55afce rgb(85,175,206)
```
#55a5ce
```
#55a5ce rgb(85,165,206)
```
#559bce
```
#559bce rgb(85,155,206)
```
#5591ce
```
#5591ce rgb(85,145,206)
```

Similar Colors

Text with hexadecimal color #55afce

This text has a font color of #55afce.

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

#55afce background color

This paragraph has a background color of #55afce.

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

#55afce border color

This element has a border color of #55afce.

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

CSS codes

.text {color:#55afce;}

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

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

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, #040a0d is the darkest color, while #fcfefe is the lightest one.

#040a0d
```
#040a0d rgb(4,10,13)
```
#08171c
```
#08171c rgb(8,23,28)
```
#0c232b
```
#0c232b rgb(12,35,43)
```
#11303a
```
#11303a rgb(17,48,58)
```
#153c4a
```
#153c4a rgb(21,60,74)
```
#1a4959
```
#1a4959 rgb(26,73,89)
```
#1e5568
```
#1e5568 rgb(30,85,104)
```
#226277
```
#226277 rgb(34,98,119)
```
#276e87
```
#276e87 rgb(39,110,135)
```
#2b7a96
```
#2b7a96 rgb(43,122,150)
```
#3087a5
```
#3087a5 rgb(48,135,165)
```
#3493b4
```
#3493b4 rgb(52,147,180)
```
#38a0c3
```
#38a0c3 rgb(56,160,195)
```

Shade Color Variation

#46a8ca
```
#46a8ca rgb(70,168,202)
```
#55afce
```
#55afce rgb(85,175,206)
```
#64b6d2
```
#64b6d2 rgb(100,182,210)
```
#73bdd7
```
#73bdd7 rgb(115,189,215)
```
#83c4db
```
#83c4db rgb(131,196,219)
```
#92cce0
```
#92cce0 rgb(146,204,224)
```
#a1d3e4
```
#a1d3e4 rgb(161,211,228)
```
#b0dae8
```
#b0dae8 rgb(176,218,232)
```
#c0e1ed
```
#c0e1ed rgb(192,225,237)
```
#cfe8f1
```
#cfe8f1 rgb(207,232,241)
```
#deeff5
```
#deeff5 rgb(222,239,245)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#909293
```
#909293 rgb(144,146,147)
```
#88969b
```
#88969b rgb(136,150,155)
```
#7f9aa4
```
#7f9aa4 rgb(127,154,164)
```
#779fac
```
#779fac rgb(119,159,172)
```
#6ea3b5
```
#6ea3b5 rgb(110,163,181)
```
#66a7bd
```
#66a7bd rgb(102,167,189)
```
#5dabc6
```
#5dabc6 rgb(93,171,198)
```
#55afce
```
#55afce rgb(85,175,206)
```
#4db3d6
```
#4db3d6 rgb(77,179,214)
```
#44b7df
```
#44b7df rgb(68,183,223)
```
#3cbbe7
```
#3cbbe7 rgb(60,187,231)
```
#33bff0
```
#33bff0 rgb(51,191,240)
```
#2bc4f8
```
#2bc4f8 rgb(43,196,248)
```

Tone Color Variation

Below, you can see how #55afce 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
#8b9da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a7c8 Protanopia 1% of men
#9ea5d5 Deuteranopia 1% of men
#56b5c2 Tritanopia 0.001% of the population

Trichromacy

#85aaca Protanomaly 1% of men, 0.01% of women
#83a9d2 Deuteranomaly 6% of men, 0.4% of women
#55b3c6 Tritanomaly 0.01% of the population

#55afce hex color

#55afce Color Information

#55afce Color Conversion

Color Schemes with #55afce

Alternatives to #55afce

#55afce Preview

Shades and Tints of #55afce

Tones of #55afce

Color Blindness Simulator