#055aa0 hex color

In a RGB color space, hex #055aa0 is composed of 2% red, 35.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 43.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 207.1 degrees, a saturation of 93.9% and a lightness of 32.4%. #055aa0 color hex could be obtained by blending #0ab4ff with #000041. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 35
- B 63
RGB color chart
- C 97
- M 44
- Y 0
- K 37
CMYK color chart

● #055aa0 color description : Dark blue.

The hexadecimal color #055aa0 has RGB values of R:5, G:90, B:160 and CMYK values of C:0.97, M:0.44, Y:0, K:0.37. Its decimal value is 350880.

Hex triplet	055aa0	`#055aa0`
RGB Decimal	5, 90, 160	`rgb(5,90,160)`
RGB Percent	2, 35.3, 62.7	`rgb(2%,35.3%,62.7%)`
CMYK	97, 44, 0, 37
HSL	207.1°, 93.9, 32.4	`hsl(207.1,93.9%,32.4%)`
HSV (or HSB)	207.1°, 96.9, 62.7
Web Safe	006699	`#006699`

CIE-LAB	37.629, 5.372, -44.059
XYZ	10.062, 9.882, 34.633
xyY	0.184, 0.181, 9.882
CIE-LCH	37.629, 44.385, 276.952
CIE-LUV	37.629, -21.683, -63.168
Hunter-Lab	31.435, 2.126, -43.316
Binary	00000101, 01011010, 10100000

#055aa0
```
#055aa0 rgb(5,90,160)
```
#a04b05
```
#a04b05 rgb(160,75,5)
```

Complementary Color

#05a099
```
#05a099 rgb(5,160,153)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#050ca0
```
#050ca0 rgb(5,12,160)
```

Analogous Color

#a09905
```
#a09905 rgb(160,153,5)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#a0050c
```
#a0050c rgb(160,5,12)
```

Split Complementary Color

#5aa005
```
#5aa005 rgb(90,160,5)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#a0055a
```
#a0055a rgb(160,5,90)
```

Triadic Color

#05a04b
```
#05a04b rgb(5,160,75)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#a0055a
```
#a0055a rgb(160,5,90)
```
#a04b05
```
#a04b05 rgb(160,75,5)
```

Tetradic Color

#033056
```
#033056 rgb(3,48,86)
```
#033e6f
```
#033e6f rgb(3,62,111)
```
#044c87
```
#044c87 rgb(4,76,135)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#0668b9
```
#0668b9 rgb(6,104,185)
```
#0776d1
```
#0776d1 rgb(7,118,209)
```
#0784ea
```
#0784ea rgb(7,132,234)
```

Monochromatic Color

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

#0581a0
```
#0581a0 rgb(5,129,160)
```
#0574a0
```
#0574a0 rgb(5,116,160)
```
#0567a0
```
#0567a0 rgb(5,103,160)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#054da0
```
#054da0 rgb(5,77,160)
```
#0540a0
```
#0540a0 rgb(5,64,160)
```
#0533a0
```
#0533a0 rgb(5,51,160)
```

Similar Colors

Text with hexadecimal color #055aa0

This text has a font color of #055aa0.

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

#055aa0 background color

This paragraph has a background color of #055aa0.

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

#055aa0 border color

This element has a border color of #055aa0.

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

CSS codes

.text {color:#055aa0;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010f1b
```
#010f1b rgb(1,15,27)
```
#011a2e
```
#011a2e rgb(1,26,46)
```
#022541
```
#022541 rgb(2,37,65)
```
#032f54
```
#032f54 rgb(3,47,84)
```
#033a67
```
#033a67 rgb(3,58,103)
```
#04457a
```
#04457a rgb(4,69,122)
```
#044f8d
```
#044f8d rgb(4,79,141)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```
#0665b3
```
#0665b3 rgb(6,101,179)
```
#066fc6
```
#066fc6 rgb(6,111,198)
```
#077ad9
```
#077ad9 rgb(7,122,217)
```
#0785ec
```
#0785ec rgb(7,133,236)
```

Shade Color Variation

#108ff8
```
#108ff8 rgb(16,143,248)
```
#2398f8
```
#2398f8 rgb(35,152,248)
```
#36a1f9
```
#36a1f9 rgb(54,161,249)
```
#49aaf9
```
#49aaf9 rgb(73,170,249)
```
#5cb2fa
```
#5cb2fa rgb(92,178,250)
```
#6fbbfa
```
#6fbbfa rgb(111,187,250)
```
#82c4fb
```
#82c4fb rgb(130,196,251)
```
#95cdfc
```
#95cdfc rgb(149,205,252)
```
#a8d6fc
```
#a8d6fc rgb(168,214,252)
```
#bbdffd
```
#bbdffd rgb(187,223,253)
```
#cee8fd
```
#cee8fd rgb(206,232,253)
```
#e1f1fe
```
#e1f1fe rgb(225,241,254)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#515354
```
#515354 rgb(81,83,84)
```
#4b535a
```
#4b535a rgb(75,83,90)
```
#445461
```
#445461 rgb(68,84,97)
```
#3e5467
```
#3e5467 rgb(62,84,103)
```
#38556d
```
#38556d rgb(56,85,109)
```
#315674
```
#315674 rgb(49,86,116)
```
#2b567a
```
#2b567a rgb(43,86,122)
```
#255780
```
#255780 rgb(37,87,128)
```
#1e5887
```
#1e5887 rgb(30,88,135)
```
#18588d
```
#18588d rgb(24,88,141)
```
#125993
```
#125993 rgb(18,89,147)
```
#0b599a
```
#0b599a rgb(11,89,154)
```
#055aa0
```
#055aa0 rgb(5,90,160)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5fa1 Protanopia 1% of men
#0762a4 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#2a5da1 Protanomaly 1% of men, 0.01% of women
#065fa3 Deuteranomaly 6% of men, 0.4% of women
#016482 Tritanomaly 0.01% of the population

#055aa0 hex color

#055aa0 Color Information

#055aa0 Color Conversion

Color Schemes with #055aa0

Alternatives to #055aa0

#055aa0 Preview

Shades and Tints of #055aa0

Tones of #055aa0

Color Blindness Simulator