#556699 hex color

In a RGB color space, hex #556699 is composed of 33.3% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 225 degrees, a saturation of 28.6% and a lightness of 46.7%. #556699 color hex could be obtained by blending #aaccff with #000033. Closest websafe color is: #666699.

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

● #556699 color description : Mostly desaturated dark blue.

The hexadecimal color #556699 has RGB values of R:85, G:102, B:153 and CMYK values of C:0.44, M:0.33, Y:0, K:0.4. Its decimal value is 5596825.

Hex triplet	556699	`#556699`
RGB Decimal	85, 102, 153	`rgb(85,102,153)`
RGB Percent	33.3, 40, 60	`rgb(33.3%,40%,60%)`
CMYK	44, 33, 0, 40
HSL	225°, 28.6, 46.7	`hsl(225,28.6%,46.7%)`
HSV (or HSB)	225°, 44.4, 60
Web Safe	666699	`#666699`

CIE-LAB	43.848, 7.631, -29.834
XYZ	14.246, 13.733, 32.035
xyY	0.237, 0.229, 13.733
CIE-LCH	43.848, 30.795, 284.348
CIE-LUV	43.848, -10.095, -44.252
Hunter-Lab	37.059, 3.767, -25.312
Binary	01010101, 01100110, 10011001

#556699
```
#556699 rgb(85,102,153)
```
#998855
```
#998855 rgb(153,136,85)
```

Complementary Color

#558899
```
#558899 rgb(85,136,153)
```
#556699
```
#556699 rgb(85,102,153)
```
#665599
```
#665599 rgb(102,85,153)
```

Analogous Color

#889955
```
#889955 rgb(136,153,85)
```
#556699
```
#556699 rgb(85,102,153)
```
#996655
```
#996655 rgb(153,102,85)
```

Split Complementary Color

#669955
```
#669955 rgb(102,153,85)
```
#556699
```
#556699 rgb(85,102,153)
```
#995566
```
#995566 rgb(153,85,102)
```

Triadic Color

#559988
```
#559988 rgb(85,153,136)
```
#556699
```
#556699 rgb(85,102,153)
```
#995566
```
#995566 rgb(153,85,102)
```
#998855
```
#998855 rgb(153,136,85)
```

Tetradic Color

#3a4568
```
#3a4568 rgb(58,69,104)
```
#435078
```
#435078 rgb(67,80,120)
```
#4c5b89
```
#4c5b89 rgb(76,91,137)
```
#556699
```
#556699 rgb(85,102,153)
```
#6172a7
```
#6172a7 rgb(97,114,167)
```
#7181b0
```
#7181b0 rgb(113,129,176)
```
#818fb9
```
#818fb9 rgb(129,143,185)
```

Monochromatic Color

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

#557799
```
#557799 rgb(85,119,153)
```
#557199
```
#557199 rgb(85,113,153)
```
#556c99
```
#556c99 rgb(85,108,153)
```
#556699
```
#556699 rgb(85,102,153)
```
#556099
```
#556099 rgb(85,96,153)
```
#555b99
```
#555b99 rgb(85,91,153)
```
#555599
```
#555599 rgb(85,85,153)
```

Similar Colors

Text with hexadecimal color #556699

This text has a font color of #556699.

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

#556699 background color

This paragraph has a background color of #556699.

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

#556699 border color

This element has a border color of #556699.

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

CSS codes

.text {color:#556699;}

.background {background-color:#556699;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#0f121b
```
#0f121b rgb(15,18,27)
```
#161a28
```
#161a28 rgb(22,26,40)
```
#1d2334
```
#1d2334 rgb(29,35,52)
```
#242b41
```
#242b41 rgb(36,43,65)
```
#2b344d
```
#2b344d rgb(43,52,77)
```
#323c5a
```
#323c5a rgb(50,60,90)
```
#394467
```
#394467 rgb(57,68,103)
```
#404d73
```
#404d73 rgb(64,77,115)
```
#475580
```
#475580 rgb(71,85,128)
```
#4e5e8c
```
#4e5e8c rgb(78,94,140)
```
#556699
```
#556699 rgb(85,102,153)
```

Shade Color Variation

#5d6fa5
```
#5d6fa5 rgb(93,111,165)
```
#697aac
```
#697aac rgb(105,122,172)
```
#7685b3
```
#7685b3 rgb(118,133,179)
```
#8390ba
```
#8390ba rgb(131,144,186)
```
#8f9cc1
```
#8f9cc1 rgb(143,156,193)
```
#9ca7c8
```
#9ca7c8 rgb(156,167,200)
```
#a8b2cf
```
#a8b2cf rgb(168,178,207)
```
#b5bdd6
```
#b5bdd6 rgb(181,189,214)
```
#c2c8dd
```
#c2c8dd rgb(194,200,221)
```
#ced4e4
```
#ced4e4 rgb(206,212,228)
```
#dbdfeb
```
#dbdfeb rgb(219,223,235)
```
#e7eaf2
```
#e7eaf2 rgb(231,234,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747e is the less saturated color, while #033deb is the most saturated one.

#70747e
```
#70747e rgb(112,116,126)
```
#676f87
```
#676f87 rgb(103,111,135)
```
#5e6b90
```
#5e6b90 rgb(94,107,144)
```
#556699
```
#556699 rgb(85,102,153)
```
#4c61a2
```
#4c61a2 rgb(76,97,162)
```
#435dab
```
#435dab rgb(67,93,171)
```
#3a58b4
```
#3a58b4 rgb(58,88,180)
```
#3054be
```
#3054be rgb(48,84,190)
```
#274fc7
```
#274fc7 rgb(39,79,199)
```
#1e4bd0
```
#1e4bd0 rgb(30,75,208)
```
#1546d9
```
#1546d9 rgb(21,70,217)
```
#0c41e2
```
#0c41e2 rgb(12,65,226)
```
#033deb
```
#033deb rgb(3,61,235)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#636771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6d9e Protanopia 1% of men
#5a6e9d Deuteranopia 1% of men
#52747d Tritanopia 0.001% of the population

Trichromacy

#5a6b9c Protanomaly 1% of men, 0.01% of women
#586b9c Deuteranomaly 6% of men, 0.4% of women
#536f87 Tritanomaly 0.01% of the population

#556699 hex color

#556699 Color Information

#556699 Color Conversion

Color Schemes with #556699

Alternatives to #556699

#556699 Preview

Shades and Tints of #556699

Tones of #556699

Color Blindness Simulator