#055b86 hex color

In a RGB color space, hex #055b86 is composed of 2% red, 35.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 32.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 200 degrees, a saturation of 92.8% and a lightness of 27.3%. #055b86 color hex could be obtained by blending #0ab6ff with #00000d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 36
- B 53
RGB color chart
- C 96
- M 32
- Y 0
- K 47
CMYK color chart

● #055b86 color description : Dark blue.

The hexadecimal color #055b86 has RGB values of R:5, G:91, B:134 and CMYK values of C:0.96, M:0.32, Y:0, K:0.47. Its decimal value is 351110.

Hex triplet	055b86	`#055b86`
RGB Decimal	5, 91, 134	`rgb(5,91,134)`
RGB Percent	2, 35.7, 52.5	`rgb(2%,35.7%,52.5%)`
CMYK	96, 32, 0, 47
HSL	200°, 92.8, 27.3	`hsl(200,92.8%,27.3%)`
HSV (or HSB)	200°, 96.3, 52.5
Web Safe	006699	`#006699`

CIE-LAB	36.433, -5.92, -30.258
XYZ	8.106, 9.235, 23.908
xyY	0.197, 0.224, 9.235
CIE-LCH	36.433, 30.831, 258.93
CIE-LUV	36.433, -23.375, -41.535
Hunter-Lab	30.389, -5.569, -25.374
Binary	00000101, 01011011, 10000110

#055b86
```
#055b86 rgb(5,91,134)
```
#863005
```
#863005 rgb(134,48,5)
```

Complementary Color

#058671
```
#058671 rgb(5,134,113)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#051b86
```
#051b86 rgb(5,27,134)
```

Analogous Color

#867105
```
#867105 rgb(134,113,5)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#86051b
```
#86051b rgb(134,5,27)
```

Split Complementary Color

#5b8605
```
#5b8605 rgb(91,134,5)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#86055b
```
#86055b rgb(134,5,91)
```

Triadic Color

#058630
```
#058630 rgb(5,134,48)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#86055b
```
#86055b rgb(134,5,91)
```
#863005
```
#863005 rgb(134,48,5)
```

Tetradic Color

#02293c
```
#02293c rgb(2,41,60)
```
#033a55
```
#033a55 rgb(3,58,85)
```
#044a6d
```
#044a6d rgb(4,74,109)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#066c9f
```
#066c9f rgb(6,108,159)
```
#077cb7
```
#077cb7 rgb(7,124,183)
```
#088dd0
```
#088dd0 rgb(8,141,208)
```

Monochromatic Color

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

#057b86
```
#057b86 rgb(5,123,134)
```
#057186
```
#057186 rgb(5,113,134)
```
#056686
```
#056686 rgb(5,102,134)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#055086
```
#055086 rgb(5,80,134)
```
#054686
```
#054686 rgb(5,70,134)
```
#053b86
```
#053b86 rgb(5,59,134)
```

Similar Colors

Text with hexadecimal color #055b86

This text has a font color of #055b86.

<span style="color:#055b86;">Text here</span>

#055b86 background color

This paragraph has a background color of #055b86.

<p style="background-color:#055b86;">Content here</p>

#055b86 border color

This element has a border color of #055b86.

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

CSS codes

.text {color:#055b86;}

.background {background-color:#055b86;}

.border {border:1px solid #055b86;}

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

#000102
```
#000102 rgb(0,1,2)
```
#010e15
```
#010e15 rgb(1,14,21)
```
#011b27
```
#011b27 rgb(1,27,39)
```
#02283a
```
#02283a rgb(2,40,58)
```
#03344d
```
#03344d rgb(3,52,77)
```
#044160
```
#044160 rgb(4,65,96)
```
#044e73
```
#044e73 rgb(4,78,115)
```
#055b86
```
#055b86 rgb(5,91,134)
```
#066899
```
#066899 rgb(6,104,153)
```
#0675ac
```
#0675ac rgb(6,117,172)
```
#0782bf
```
#0782bf rgb(7,130,191)
```
#088ed2
```
#088ed2 rgb(8,142,210)
```
#099be5
```
#099be5 rgb(9,155,229)
```

Shade Color Variation

#0ba8f6
```
#0ba8f6 rgb(11,168,246)
```
#1eaef7
```
#1eaef7 rgb(30,174,247)
```
#31b5f7
```
#31b5f7 rgb(49,181,247)
```
#44bcf8
```
#44bcf8 rgb(68,188,248)
```
#56c3f9
```
#56c3f9 rgb(86,195,249)
```
#69c9f9
```
#69c9f9 rgb(105,201,249)
```
#7cd0fa
```
#7cd0fa rgb(124,208,250)
```
#8fd7fb
```
#8fd7fb rgb(143,215,251)
```
#a2defc
```
#a2defc rgb(162,222,252)
```
#b5e4fc
```
#b5e4fc rgb(181,228,252)
```
#c8ebfd
```
#c8ebfd rgb(200,235,253)
```
#dbf2fe
```
#dbf2fe rgb(219,242,254)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

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

#454646
```
#454646 rgb(69,70,70)
```
#40474b
```
#40474b rgb(64,71,75)
```
#3a4951
```
#3a4951 rgb(58,73,81)
```
#354b56
```
#354b56 rgb(53,75,86)
```
#304d5b
```
#304d5b rgb(48,77,91)
```
#2a4f61
```
#2a4f61 rgb(42,79,97)
```
#255066
```
#255066 rgb(37,80,102)
```
#20526b
```
#20526b rgb(32,82,107)
```
#1a5471
```
#1a5471 rgb(26,84,113)
```
#155676
```
#155676 rgb(21,86,118)
```
#10577b
```
#10577b rgb(16,87,123)
```
#0a5981
```
#0a5981 rgb(10,89,129)
```
#055b86
```
#055b86 rgb(5,91,134)
```

Tone Color Variation

Below, you can see how #055b86 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

#464646 Achromatopsia 0.005% of the population
#394a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5d87 Protanopia 1% of men
#425e8e Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#345c86 Protanomaly 1% of men, 0.01% of women
#2b5d8b Deuteranomaly 6% of men, 0.4% of women
#016377 Tritanomaly 0.01% of the population

#055b86 hex color

#055b86 Color Information

#055b86 Color Conversion

Color Schemes with #055b86

Alternatives to #055b86

#055b86 Preview

Shades and Tints of #055b86

Tones of #055b86

Color Blindness Simulator