#055699 hex color

In a RGB color space, hex #055699 is composed of 2% red, 33.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 43.8% magenta, 0% yellow and 40% black. It has a hue angle of 207.2 degrees, a saturation of 93.7% and a lightness of 31%. #055699 color hex could be obtained by blending #0aacff with #000033. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 34
- B 60
RGB color chart
- C 97
- M 44
- Y 0
- K 40
CMYK color chart

● #055699 color description : Dark blue.

The hexadecimal color #055699 has RGB values of R:5, G:86, B:153 and CMYK values of C:0.97, M:0.44, Y:0, K:0.4. Its decimal value is 349849.

Hex triplet	055699	`#055699`
RGB Decimal	5, 86, 153	`rgb(5,86,153)`
RGB Percent	2, 33.7, 60	`rgb(2%,33.7%,60%)`
CMYK	97, 44, 0, 40
HSL	207.2°, 93.7, 31	`hsl(207.2,93.7%,31%)`
HSV (or HSB)	207.2°, 96.7, 60
Web Safe	006699	`#006699`

CIE-LAB	35.959, 5.101, -42.534
XYZ	9.139, 8.987, 31.388
xyY	0.185, 0.182, 8.987
CIE-LCH	35.959, 42.839, 276.838
CIE-LUV	35.959, -20.716, -60.139
Hunter-Lab	29.978, 1.954, -41.094
Binary	00000101, 01010110, 10011001

#055699
```
#055699 rgb(5,86,153)
```
#994805
```
#994805 rgb(153,72,5)
```

Complementary Color

#059992
```
#059992 rgb(5,153,146)
```
#055699
```
#055699 rgb(5,86,153)
```
#050c99
```
#050c99 rgb(5,12,153)
```

Analogous Color

#999205
```
#999205 rgb(153,146,5)
```
#055699
```
#055699 rgb(5,86,153)
```
#99050c
```
#99050c rgb(153,5,12)
```

Split Complementary Color

#569905
```
#569905 rgb(86,153,5)
```
#055699
```
#055699 rgb(5,86,153)
```
#990556
```
#990556 rgb(153,5,86)
```

Triadic Color

#059948
```
#059948 rgb(5,153,72)
```
#055699
```
#055699 rgb(5,86,153)
```
#990556
```
#990556 rgb(153,5,86)
```
#994805
```
#994805 rgb(153,72,5)
```

Tetradic Color

#032c4f
```
#032c4f rgb(3,44,79)
```
#033a68
```
#033a68 rgb(3,58,104)
```
#044880
```
#044880 rgb(4,72,128)
```
#055699
```
#055699 rgb(5,86,153)
```
#0664b2
```
#0664b2 rgb(6,100,178)
```
#0772ca
```
#0772ca rgb(7,114,202)
```
#0780e3
```
#0780e3 rgb(7,128,227)
```

Monochromatic Color

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

#057b99
```
#057b99 rgb(5,123,153)
```
#056f99
```
#056f99 rgb(5,111,153)
```
#056299
```
#056299 rgb(5,98,153)
```
#055699
```
#055699 rgb(5,86,153)
```
#054a99
```
#054a99 rgb(5,74,153)
```
#053d99
```
#053d99 rgb(5,61,153)
```
#053199
```
#053199 rgb(5,49,153)
```

Similar Colors

Text with hexadecimal color #055699

This text has a font color of #055699.

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

#055699 background color

This paragraph has a background color of #055699.

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

#055699 border color

This element has a border color of #055699.

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

CSS codes

.text {color:#055699;}

.background {background-color:#055699;}

.border {border:1px solid #055699;}

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

#000101
```
#000101 rgb(0,1,1)
```
#010b14
```
#010b14 rgb(1,11,20)
```
#011627
```
#011627 rgb(1,22,39)
```
#02213a
```
#02213a rgb(2,33,58)
```
#032b4d
```
#032b4d rgb(3,43,77)
```
#033660
```
#033660 rgb(3,54,96)
```
#044173
```
#044173 rgb(4,65,115)
```
#044b86
```
#044b86 rgb(4,75,134)
```
#055699
```
#055699 rgb(5,86,153)
```
#0661ac
```
#0661ac rgb(6,97,172)
```
#066bbf
```
#066bbf rgb(6,107,191)
```
#0776d2
```
#0776d2 rgb(7,118,210)
```
#0781e5
```
#0781e5 rgb(7,129,229)
```

Shade Color Variation

#098bf7
```
#098bf7 rgb(9,139,247)
```
#1c94f8
```
#1c94f8 rgb(28,148,248)
```
#2f9df8
```
#2f9df8 rgb(47,157,248)
```
#42a6f9
```
#42a6f9 rgb(66,166,249)
```
#55aff9
```
#55aff9 rgb(85,175,249)
```
#68b8fa
```
#68b8fa rgb(104,184,250)
```
#7bc1fb
```
#7bc1fb rgb(123,193,251)
```
#8ecafb
```
#8ecafb rgb(142,202,251)
```
#a1d3fc
```
#a1d3fc rgb(161,211,252)
```
#b4dcfd
```
#b4dcfd rgb(180,220,253)
```
#c7e5fd
```
#c7e5fd rgb(199,229,253)
```
#daeefe
```
#daeefe rgb(218,238,254)
```
#edf7fe
```
#edf7fe rgb(237,247,254)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485056
```
#485056 rgb(72,80,86)
```
#42505c
```
#42505c rgb(66,80,92)
```
#3c5162
```
#3c5162 rgb(60,81,98)
```
#365168
```
#365168 rgb(54,81,104)
```
#30526e
```
#30526e rgb(48,82,110)
```
#295375
```
#295375 rgb(41,83,117)
```
#23537b
```
#23537b rgb(35,83,123)
```
#1d5481
```
#1d5481 rgb(29,84,129)
```
#175487
```
#175487 rgb(23,84,135)
```
#11558d
```
#11558d rgb(17,85,141)
```
#0b5593
```
#0b5593 rgb(11,85,147)
```
#055699
```
#055699 rgb(5,86,153)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#384856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5b9b Protanopia 1% of men
#0c5e9e Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#28599a Protanomaly 1% of men, 0.01% of women
#095b9c Deuteranomaly 6% of men, 0.4% of women
#01607c Tritanomaly 0.01% of the population

#055699 hex color

#055699 Color Information

#055699 Color Conversion

Color Schemes with #055699

Alternatives to #055699

#055699 Preview

Shades and Tints of #055699

Tones of #055699

Color Blindness Simulator