#556dbc hex color

In a RGB color space, hex #556dbc is composed of 33.3% red, 42.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 42% magenta, 0% yellow and 26.3% black. It has a hue angle of 226 degrees, a saturation of 43.5% and a lightness of 53.5%. #556dbc color hex could be obtained by blending #aadaff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 43
- B 74
RGB color chart
- C 55
- M 42
- Y 0
- K 26
CMYK color chart

● #556dbc color description : Moderate blue.

The hexadecimal color #556dbc has RGB values of R:85, G:109, B:188 and CMYK values of C:0.55, M:0.42, Y:0, K:0.26. Its decimal value is 5598652.

Hex triplet	556dbc	`#556dbc`
RGB Decimal	85, 109, 188	`rgb(85,109,188)`
RGB Percent	33.3, 42.7, 73.7	`rgb(33.3%,42.7%,73.7%)`
CMYK	55, 42, 0, 26
HSL	226°, 43.5, 53.5	`hsl(226,43.5%,53.5%)`
HSV (or HSB)	226°, 54.8, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.622, 14.434, -44.396
XYZ	18.29, 16.499, 49.795
xyY	0.216, 0.195, 16.499
CIE-LCH	47.622, 46.684, 288.01
CIE-LUV	47.622, -13.381, -68.513
Hunter-Lab	40.618, 9.295, -44.252
Binary	01010101, 01101101, 10111100

#556dbc
```
#556dbc rgb(85,109,188)
```
#bca455
```
#bca455 rgb(188,164,85)
```

Complementary Color

#55a1bc
```
#55a1bc rgb(85,161,188)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#7155bc
```
#7155bc rgb(113,85,188)
```

Analogous Color

#a1bc55
```
#a1bc55 rgb(161,188,85)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#bc7155
```
#bc7155 rgb(188,113,85)
```

Split Complementary Color

#6dbc55
```
#6dbc55 rgb(109,188,85)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#bc556d
```
#bc556d rgb(188,85,109)
```

Triadic Color

#55bca4
```
#55bca4 rgb(85,188,164)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#bc556d
```
#bc556d rgb(188,85,109)
```
#bca455
```
#bca455 rgb(188,164,85)
```

Tetradic Color

#384b8d
```
#384b8d rgb(56,75,141)
```
#3f559f
```
#3f559f rgb(63,85,159)
```
#465fb2
```
#465fb2 rgb(70,95,178)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#677dc3
```
#677dc3 rgb(103,125,195)
```
#7a8cca
```
#7a8cca rgb(122,140,202)
```
#8c9cd2
```
#8c9cd2 rgb(140,156,210)
```

Monochromatic Color

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

#5587bc
```
#5587bc rgb(85,135,188)
```
#557ebc
```
#557ebc rgb(85,126,188)
```
#5576bc
```
#5576bc rgb(85,118,188)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#5564bc
```
#5564bc rgb(85,100,188)
```
#555cbc
```
#555cbc rgb(85,92,188)
```
#5755bc
```
#5755bc rgb(87,85,188)
```

Similar Colors

Text with hexadecimal color #556dbc

This text has a font color of #556dbc.

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

#556dbc background color

This paragraph has a background color of #556dbc.

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

#556dbc border color

This element has a border color of #556dbc.

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

CSS codes

.text {color:#556dbc;}

.background {background-color:#556dbc;}

.border {border:1px solid #556dbc;}

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, #05070d is the darkest color, while #fefeff is the lightest one.

#05070d
```
#05070d rgb(5,7,13)
```
#0b0e1b
```
#0b0e1b rgb(11,14,27)
```
#101629
```
#101629 rgb(16,22,41)
```
#161e37
```
#161e37 rgb(22,30,55)
```
#1b2545
```
#1b2545 rgb(27,37,69)
```
#212d53
```
#212d53 rgb(33,45,83)
```
#263461
```
#263461 rgb(38,52,97)
```
#2c3c6f
```
#2c3c6f rgb(44,60,111)
```
#31437d
```
#31437d rgb(49,67,125)
```
#374b8c
```
#374b8c rgb(55,75,140)
```
#3d529a
```
#3d529a rgb(61,82,154)
```
#425aa8
```
#425aa8 rgb(66,90,168)
```
#4861b6
```
#4861b6 rgb(72,97,182)
```

Shade Color Variation

#556dbc
```
#556dbc rgb(85,109,188)
```
#6379c2
```
#6379c2 rgb(99,121,194)
```
#7185c7
```
#7185c7 rgb(113,133,199)
```
#7f91cd
```
#7f91cd rgb(127,145,205)
```
#8d9dd2
```
#8d9dd2 rgb(141,157,210)
```
#9ba9d8
```
#9ba9d8 rgb(155,169,216)
```
#a9b6dd
```
#a9b6dd rgb(169,182,221)
```
#b7c2e3
```
#b7c2e3 rgb(183,194,227)
```
#c6cee8
```
#c6cee8 rgb(198,206,232)
```
#d4daee
```
#d4daee rgb(212,218,238)
```
#e2e6f3
```
#e2e6f3 rgb(226,230,243)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#83858e
```
#83858e rgb(131,133,142)
```
#798098
```
#798098 rgb(121,128,152)
```
#707ca1
```
#707ca1 rgb(112,124,161)
```
#6777aa
```
#6777aa rgb(103,119,170)
```
#5e72b3
```
#5e72b3 rgb(94,114,179)
```
#556dbc
```
#556dbc rgb(85,109,188)
```
#4c68c5
```
#4c68c5 rgb(76,104,197)
```
#4363ce
```
#4363ce rgb(67,99,206)
```
#3a5ed7
```
#3a5ed7 rgb(58,94,215)
```
#315ae0
```
#315ae0 rgb(49,90,224)
```
#2755ea
```
#2755ea rgb(39,85,234)
```
#1e50f3
```
#1e50f3 rgb(30,80,243)
```
#154bfc
```
#154bfc rgb(21,75,252)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a6f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5675c0 Protanopia 1% of men
#4679bd Deuteranopia 1% of men
#44808a Tritanopia 0.001% of the population

Trichromacy

#5572be Protanomaly 1% of men, 0.01% of women
#4b74bd Deuteranomaly 6% of men, 0.4% of women
#4a799c Tritanomaly 0.01% of the population

#556dbc hex color

#556dbc Color Information

#556dbc Color Conversion

Color Schemes with #556dbc

Alternatives to #556dbc

#556dbc Preview

Shades and Tints of #556dbc

Tones of #556dbc

Color Blindness Simulator