#55afde hex color

In a RGB color space, hex #55afde is composed of 33.3% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 200.6 degrees, a saturation of 67.5% and a lightness of 60.2%. #55afde color hex could be obtained by blending #aaffff with #005fbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 69
- B 87
RGB color chart
- C 62
- M 21
- Y 0
- K 13
CMYK color chart

● #55afde color description : Soft blue.

The hexadecimal color #55afde has RGB values of R:85, G:175, B:222 and CMYK values of C:0.62, M:0.21, Y:0, K:0.13. Its decimal value is 5615582.

Hex triplet	55afde	`#55afde`
RGB Decimal	85, 175, 222	`rgb(85,175,222)`
RGB Percent	33.3, 68.6, 87.1	`rgb(33.3%,68.6%,87.1%)`
CMYK	62, 21, 0, 13
HSL	200.6°, 67.5, 60.2	`hsl(200.6,67.5%,60.2%)`
HSV (or HSB)	200.6°, 61.7, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.919, -12.954, -31.714
XYZ	32.258, 37.863, 74.712
xyY	0.223, 0.261, 37.863
CIE-LCH	67.919, 34.258, 247.781
CIE-LUV	67.919, -36.477, -48.522
Hunter-Lab	61.533, -14.106, -28.915
Binary	01010101, 10101111, 11011110

#55afde
```
#55afde rgb(85,175,222)
```
#de8455
```
#de8455 rgb(222,132,85)
```

Complementary Color

#55dec9
```
#55dec9 rgb(85,222,201)
```
#55afde
```
#55afde rgb(85,175,222)
```
#556bde
```
#556bde rgb(85,107,222)
```

Analogous Color

#dec955
```
#dec955 rgb(222,201,85)
```
#55afde
```
#55afde rgb(85,175,222)
```
#de556b
```
#de556b rgb(222,85,107)
```

Split Complementary Color

#afde55
```
#afde55 rgb(175,222,85)
```
#55afde
```
#55afde rgb(85,175,222)
```
#de55af
```
#de55af rgb(222,85,175)
```

Triadic Color

#55de84
```
#55de84 rgb(85,222,132)
```
#55afde
```
#55afde rgb(85,175,222)
```
#de55af
```
#de55af rgb(222,85,175)
```
#de8455
```
#de8455 rgb(222,132,85)
```

Tetradic Color

#258cc1
```
#258cc1 rgb(37,140,193)
```
#2a9bd6
```
#2a9bd6 rgb(42,155,214)
```
#40a5da
```
#40a5da rgb(64,165,218)
```
#55afde
```
#55afde rgb(85,175,222)
```
#6ab9e2
```
#6ab9e2 rgb(106,185,226)
```
#80c3e6
```
#80c3e6 rgb(128,195,230)
```
#95cdea
```
#95cdea rgb(149,205,234)
```

Monochromatic Color

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

#55d1de
```
#55d1de rgb(85,209,222)
```
#55c6de
```
#55c6de rgb(85,198,222)
```
#55bade
```
#55bade rgb(85,186,222)
```
#55afde
```
#55afde rgb(85,175,222)
```
#55a4de
```
#55a4de rgb(85,164,222)
```
#5598de
```
#5598de rgb(85,152,222)
```
#558dde
```
#558dde rgb(85,141,222)
```

Similar Colors

Text with hexadecimal color #55afde

This text has a font color of #55afde.

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

#55afde background color

This paragraph has a background color of #55afde.

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

#55afde border color

This element has a border color of #55afde.

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

CSS codes

.text {color:#55afde;}

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

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#05141b
```
#05141b rgb(5,20,27)
```
#08202c
```
#08202c rgb(8,32,44)
```
#0c2b3c
```
#0c2b3c rgb(12,43,60)
```
#0f374c
```
#0f374c rgb(15,55,76)
```
#12435d
```
#12435d rgb(18,67,93)
```
#154f6d
```
#154f6d rgb(21,79,109)
```
#185b7e
```
#185b7e rgb(24,91,126)
```
#1c678e
```
#1c678e rgb(28,103,142)
```
#1f739f
```
#1f739f rgb(31,115,159)
```
#227faf
```
#227faf rgb(34,127,175)
```
#258abf
```
#258abf rgb(37,138,191)
```
#2896d0
```
#2896d0 rgb(40,150,208)
```

Shade Color Variation

#34a0d8
```
#34a0d8 rgb(52,160,216)
```
#45a7db
```
#45a7db rgb(69,167,219)
```
#55afde
```
#55afde rgb(85,175,222)
```
#65b7e1
```
#65b7e1 rgb(101,183,225)
```
#76bee4
```
#76bee4 rgb(118,190,228)
```
#86c6e8
```
#86c6e8 rgb(134,198,232)
```
#97ceeb
```
#97ceeb rgb(151,206,235)
```
#a7d6ee
```
#a7d6ee rgb(167,214,238)
```
#b8ddf1
```
#b8ddf1 rgb(184,221,241)
```
#c8e5f4
```
#c8e5f4 rgb(200,229,244)
```
#d8edf8
```
#d8edf8 rgb(216,237,248)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939ba0 is the less saturated color, while #36b9fd is the most saturated one.

#939ba0
```
#939ba0 rgb(147,155,160)
```
#8c9ea7
```
#8c9ea7 rgb(140,158,167)
```
#84a0af
```
#84a0af rgb(132,160,175)
```
#7ca3b7
```
#7ca3b7 rgb(124,163,183)
```
#74a5bf
```
#74a5bf rgb(116,165,191)
```
#6ca8c7
```
#6ca8c7 rgb(108,168,199)
```
#65aace
```
#65aace rgb(101,170,206)
```
#5dadd6
```
#5dadd6 rgb(93,173,214)
```
#55afde
```
#55afde rgb(85,175,222)
```
#4db1e6
```
#4db1e6 rgb(77,177,230)
```
#45b4ee
```
#45b4ee rgb(69,180,238)
```
#3eb6f5
```
#3eb6f5 rgb(62,182,245)
```
#36b9fd
```
#36b9fd rgb(54,185,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca8d8 Protanopia 1% of men
#96a8e3 Deuteranopia 1% of men
#4db8c5 Tritanopia 0.001% of the population

Trichromacy

#82aada Protanomaly 1% of men, 0.01% of women
#7eaae1 Deuteranomaly 6% of men, 0.4% of women
#50b4ce Tritanomaly 0.01% of the population

#55afde hex color

#55afde Color Information

#55afde Color Conversion

Color Schemes with #55afde

Alternatives to #55afde

#55afde Preview

Shades and Tints of #55afde

Tones of #55afde

Color Blindness Simulator