#55b1ed hex color

In a RGB color space, hex #55b1ed is composed of 33.3% red, 69.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 25.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 203.7 degrees, a saturation of 80.9% and a lightness of 63.1%. #55b1ed color hex could be obtained by blending #aaffff with #0063db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 69
- B 93
RGB color chart
- C 64
- M 25
- Y 0
- K 7
CMYK color chart

● #55b1ed color description : Soft blue.

The hexadecimal color #55b1ed has RGB values of R:85, G:177, B:237 and CMYK values of C:0.64, M:0.25, Y:0, K:0.07. Its decimal value is 5616109.

Hex triplet	55b1ed	`#55b1ed`
RGB Decimal	85, 177, 237	`rgb(85,177,237)`
RGB Percent	33.3, 69.4, 92.9	`rgb(33.3%,69.4%,92.9%)`
CMYK	64, 25, 0, 7
HSL	203.7°, 80.9, 63.1	`hsl(203.7,80.9%,63.1%)`
HSV (or HSB)	203.7°, 64.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.103, -9.293, -38.078
XYZ	34.751, 39.487, 85.907
xyY	0.217, 0.247, 39.487
CIE-LCH	69.103, 39.196, 256.285
CIE-LUV	69.103, -36.594, -59.892
Hunter-Lab	62.839, -11.256, -37.067
Binary	01010101, 10110001, 11101101

#55b1ed
```
#55b1ed rgb(85,177,237)
```
#ed9155
```
#ed9155 rgb(237,145,85)
```

Complementary Color

#55eddd
```
#55eddd rgb(85,237,221)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#5565ed
```
#5565ed rgb(85,101,237)
```

Analogous Color

#eddd55
```
#eddd55 rgb(237,221,85)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#ed5565
```
#ed5565 rgb(237,85,101)
```

Split Complementary Color

#b1ed55
```
#b1ed55 rgb(177,237,85)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#ed55b1
```
#ed55b1 rgb(237,85,177)
```

Triadic Color

#55ed91
```
#55ed91 rgb(85,237,145)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#ed55b1
```
#ed55b1 rgb(237,85,177)
```
#ed9155
```
#ed9155 rgb(237,145,85)
```

Tetradic Color

#1890de
```
#1890de rgb(24,144,222)
```
#279ce8
```
#279ce8 rgb(39,156,232)
```
#3ea6eb
```
#3ea6eb rgb(62,166,235)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#6cbcef
```
#6cbcef rgb(108,188,239)
```
#83c6f2
```
#83c6f2 rgb(131,198,242)
```
#9ad1f4
```
#9ad1f4 rgb(154,209,244)
```

Monochromatic Color

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

#55d7ed
```
#55d7ed rgb(85,215,237)
```
#55caed
```
#55caed rgb(85,202,237)
```
#55beed
```
#55beed rgb(85,190,237)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#55a4ed
```
#55a4ed rgb(85,164,237)
```
#5598ed
```
#5598ed rgb(85,152,237)
```
#558bed
```
#558bed rgb(85,139,237)
```

Similar Colors

Text with hexadecimal color #55b1ed

This text has a font color of #55b1ed.

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

#55b1ed background color

This paragraph has a background color of #55b1ed.

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

#55b1ed border color

This element has a border color of #55b1ed.

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

CSS codes

.text {color:#55b1ed;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031019
```
#031019 rgb(3,16,25)
```
#051c2b
```
#051c2b rgb(5,28,43)
```
#06273d
```
#06273d rgb(6,39,61)
```
#08334e
```
#08334e rgb(8,51,78)
```
#0a3e60
```
#0a3e60 rgb(10,62,96)
```
#0c4a72
```
#0c4a72 rgb(12,74,114)
```
#0e5584
```
#0e5584 rgb(14,85,132)
```
#106195
```
#106195 rgb(16,97,149)
```
#126ca7
```
#126ca7 rgb(18,108,167)
```
#1478b9
```
#1478b9 rgb(20,120,185)
```
#1583ca
```
#1583ca rgb(21,131,202)
```
#178edc
```
#178edc rgb(23,142,220)
```

Shade Color Variation

#2099e7
```
#2099e7 rgb(32,153,231)
```
#32a1e9
```
#32a1e9 rgb(50,161,233)
```
#43a9eb
```
#43a9eb rgb(67,169,235)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#67b9ef
```
#67b9ef rgb(103,185,239)
```
#78c1f1
```
#78c1f1 rgb(120,193,241)
```
#8ac9f3
```
#8ac9f3 rgb(138,201,243)
```
#9cd2f5
```
#9cd2f5 rgb(156,210,245)
```
#aedaf6
```
#aedaf6 rgb(174,218,246)
```
#bfe2f8
```
#bfe2f8 rgb(191,226,248)
```
#d1eafa
```
#d1eafa rgb(209,234,250)
```
#e3f2fc
```
#e3f2fc rgb(227,242,252)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da2a5 is the less saturated color, while #47b4fb is the most saturated one.

#9da2a5
```
#9da2a5 rgb(157,162,165)
```
#96a3ac
```
#96a3ac rgb(150,163,172)
```
#8fa5b3
```
#8fa5b3 rgb(143,165,179)
```
#88a6ba
```
#88a6ba rgb(136,166,186)
```
#80a8c2
```
#80a8c2 rgb(128,168,194)
```
#79a9c9
```
#79a9c9 rgb(121,169,201)
```
#72abd0
```
#72abd0 rgb(114,171,208)
```
#6bacd7
```
#6bacd7 rgb(107,172,215)
```
#63aedf
```
#63aedf rgb(99,174,223)
```
#5cafe6
```
#5cafe6 rgb(92,175,230)
```
#55b1ed
```
#55b1ed rgb(85,177,237)
```
#4eb3f4
```
#4eb3f4 rgb(78,179,244)
```
#47b4fb
```
#47b4fb rgb(71,180,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ea0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe6 Protanopia 1% of men
#90abf1 Deuteranopia 1% of men
#44bcc9 Tritanopia 0.001% of the population

Trichromacy

#81ade9 Protanomaly 1% of men, 0.01% of women
#7aadef Deuteranomaly 6% of men, 0.4% of women
#4ab8d6 Tritanomaly 0.01% of the population

#55b1ed hex color

#55b1ed Color Information

#55b1ed Color Conversion

Color Schemes with #55b1ed

Alternatives to #55b1ed

#55b1ed Preview

Shades and Tints of #55b1ed

Tones of #55b1ed

Color Blindness Simulator