#556282 hex color

In a RGB color space, hex #556282 is composed of 33.3% red, 38.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 24.6% magenta, 0% yellow and 49% black. It has a hue angle of 222.7 degrees, a saturation of 20.9% and a lightness of 42.2%. #556282 color hex could be obtained by blending #aac4ff with #000005. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 38
- B 51
RGB color chart
- C 35
- M 25
- Y 0
- K 49
CMYK color chart

● #556282 color description : Mostly desaturated dark blue.

The hexadecimal color #556282 has RGB values of R:85, G:98, B:130 and CMYK values of C:0.35, M:0.25, Y:0, K:0.49. Its decimal value is 5595778.

Hex triplet	556282	`#556282`
RGB Decimal	85, 98, 130	`rgb(85,98,130)`
RGB Percent	33.3, 38.4, 51	`rgb(33.3%,38.4%,51%)`
CMYK	35, 25, 0, 49
HSL	222.7°, 20.9, 42.2	`hsl(222.7,20.9%,42.2%)`
HSV (or HSB)	222.7°, 34.6, 51
Web Safe	666699	`#666699`

CIE-LAB	41.655, 3.31, -19.444
XYZ	12.142, 12.278, 22.848
xyY	0.257, 0.26, 12.278
CIE-LCH	41.655, 19.723, 279.66
CIE-LUV	41.655, -7.83, -27.683
Hunter-Lab	35.04, 0.536, -14.132
Binary	01010101, 01100010, 10000010

#556282
```
#556282 rgb(85,98,130)
```
#827555
```
#827555 rgb(130,117,85)
```

Complementary Color

#557982
```
#557982 rgb(85,121,130)
```
#556282
```
#556282 rgb(85,98,130)
```
#5f5582
```
#5f5582 rgb(95,85,130)
```

Analogous Color

#798255
```
#798255 rgb(121,130,85)
```
#556282
```
#556282 rgb(85,98,130)
```
#825f55
```
#825f55 rgb(130,95,85)
```

Split Complementary Color

#628255
```
#628255 rgb(98,130,85)
```
#556282
```
#556282 rgb(85,98,130)
```
#825562
```
#825562 rgb(130,85,98)
```

Triadic Color

#558275
```
#558275 rgb(85,130,117)
```
#556282
```
#556282 rgb(85,98,130)
```
#825562
```
#825562 rgb(130,85,98)
```
#827555
```
#827555 rgb(130,117,85)
```

Tetradic Color

#373f54
```
#373f54 rgb(55,63,84)
```
#414b63
```
#414b63 rgb(65,75,99)
```
#4b5673
```
#4b5673 rgb(75,86,115)
```
#556282
```
#556282 rgb(85,98,130)
```
#5f6e91
```
#5f6e91 rgb(95,110,145)
```
#6b7a9f
```
#6b7a9f rgb(107,122,159)
```
#7b88a9
```
#7b88a9 rgb(123,136,169)
```

Monochromatic Color

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

#556d82
```
#556d82 rgb(85,109,130)
```
#556a82
```
#556a82 rgb(85,106,130)
```
#556682
```
#556682 rgb(85,102,130)
```
#556282
```
#556282 rgb(85,98,130)
```
#555e82
```
#555e82 rgb(85,94,130)
```
#555b82
```
#555b82 rgb(85,91,130)
```
#555782
```
#555782 rgb(85,87,130)
```

Similar Colors

Text with hexadecimal color #556282

This text has a font color of #556282.

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

#556282 background color

This paragraph has a background color of #556282.

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

#556282 border color

This element has a border color of #556282.

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

CSS codes

.text {color:#556282;}

.background {background-color:#556282;}

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

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, #07090b is the darkest color, while #ffffff is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#171a23
```
#171a23 rgb(23,26,35)
```
#1f232f
```
#1f232f rgb(31,35,47)
```
#262c3b
```
#262c3b rgb(38,44,59)
```
#2e3547
```
#2e3547 rgb(46,53,71)
```
#363e53
```
#363e53 rgb(54,62,83)
```
#3e475e
```
#3e475e rgb(62,71,94)
```
#45506a
```
#45506a rgb(69,80,106)
```
#4d5976
```
#4d5976 rgb(77,89,118)
```
#556282
```
#556282 rgb(85,98,130)
```
#5d6b8e
```
#5d6b8e rgb(93,107,142)
```
#65749a
```
#65749a rgb(101,116,154)
```

Shade Color Variation

#707ea2
```
#707ea2 rgb(112,126,162)
```
#7c89a9
```
#7c89a9 rgb(124,137,169)
```
#8894b1
```
#8894b1 rgb(136,148,177)
```
#949fb9
```
#949fb9 rgb(148,159,185)
```
#a0a9c1
```
#a0a9c1 rgb(160,169,193)
```
#acb4c8
```
#acb4c8 rgb(172,180,200)
```
#b7bfd0
```
#b7bfd0 rgb(183,191,208)
```
#c3c9d8
```
#c3c9d8 rgb(195,201,216)
```
#cfd4e0
```
#cfd4e0 rgb(207,212,224)
```
#dbdfe7
```
#dbdfe7 rgb(219,223,231)
```
#e7e9ef
```
#e7e9ef rgb(231,233,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#666971
```
#666971 rgb(102,105,113)
```
#5d657a
```
#5d657a rgb(93,101,122)
```
#556282
```
#556282 rgb(85,98,130)
```
#4d5f8a
```
#4d5f8a rgb(77,95,138)
```
#445b93
```
#445b93 rgb(68,91,147)
```
#3c589b
```
#3c589b rgb(60,88,155)
```
#3454a3
```
#3454a3 rgb(52,84,163)
```
#2c51ab
```
#2c51ab rgb(44,81,171)
```
#234db4
```
#234db4 rgb(35,77,180)
```
#1b4abc
```
#1b4abc rgb(27,74,188)
```
#1346c4
```
#1346c4 rgb(19,70,196)
```
#0b43cc
```
#0b43cc rgb(11,67,204)
```
#023fd5
```
#023fd5 rgb(2,63,213)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616987 Protanopia 1% of men
#626888 Deuteranopia 1% of men
#586d75 Tritanopia 0.001% of the population

Trichromacy

#5d6685 Protanomaly 1% of men, 0.01% of women
#5d6686 Deuteranomaly 6% of men, 0.4% of women
#57697a Tritanomaly 0.01% of the population

#556282 hex color

#556282 Color Information

#556282 Color Conversion

Color Schemes with #556282

Alternatives to #556282

#556282 Preview

Shades and Tints of #556282

Tones of #556282

Color Blindness Simulator