#556fbe hex color

In a RGB color space, hex #556fbe is composed of 33.3% red, 43.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 41.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 225.1 degrees, a saturation of 44.7% and a lightness of 53.9%. #556fbe color hex could be obtained by blending #aadeff with #00007d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 75
RGB color chart
- C 55
- M 42
- Y 0
- K 25
CMYK color chart

● #556fbe color description : Moderate blue.

The hexadecimal color #556fbe has RGB values of R:85, G:111, B:190 and CMYK values of C:0.55, M:0.42, Y:0, K:0.25. Its decimal value is 5599166.

Hex triplet	556fbe	`#556fbe`
RGB Decimal	85, 111, 190	`rgb(85,111,190)`
RGB Percent	33.3, 43.5, 74.5	`rgb(33.3%,43.5%,74.5%)`
CMYK	55, 42, 0, 25
HSL	225.1°, 44.7, 53.9	`hsl(225.1,44.7%,53.9%)`
HSV (or HSB)	225.1°, 55.3, 74.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.281, 13.851, -44.503
XYZ	18.723, 17.017, 51.01
xyY	0.216, 0.196, 17.017
CIE-LCH	48.281, 46.608, 287.288
CIE-LUV	48.281, -14.092, -68.837
Hunter-Lab	41.252, 8.826, -44.44
Binary	01010101, 01101111, 10111110

#556fbe
```
#556fbe rgb(85,111,190)
```
#bea455
```
#bea455 rgb(190,164,85)
```

Complementary Color

#55a4be
```
#55a4be rgb(85,164,190)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#7055be
```
#7055be rgb(112,85,190)
```

Analogous Color

#a4be55
```
#a4be55 rgb(164,190,85)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#be7055
```
#be7055 rgb(190,112,85)
```

Split Complementary Color

#6fbe55
```
#6fbe55 rgb(111,190,85)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#be556f
```
#be556f rgb(190,85,111)
```

Triadic Color

#55bea4
```
#55bea4 rgb(85,190,164)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#be556f
```
#be556f rgb(190,85,111)
```
#bea455
```
#bea455 rgb(190,164,85)
```

Tetradic Color

#374d90
```
#374d90 rgb(55,77,144)
```
#3e57a2
```
#3e57a2 rgb(62,87,162)
```
#4561b4
```
#4561b4 rgb(69,97,180)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#677fc5
```
#677fc5 rgb(103,127,197)
```
#7a8ecc
```
#7a8ecc rgb(122,142,204)
```
#8c9ed3
```
#8c9ed3 rgb(140,158,211)
```

Monochromatic Color

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

#5589be
```
#5589be rgb(85,137,190)
```
#5581be
```
#5581be rgb(85,129,190)
```
#5578be
```
#5578be rgb(85,120,190)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#5566be
```
#5566be rgb(85,102,190)
```
#555ebe
```
#555ebe rgb(85,94,190)
```
#5555be
```
#5555be rgb(85,85,190)
```

Similar Colors

Text with hexadecimal color #556fbe

This text has a font color of #556fbe.

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

#556fbe background color

This paragraph has a background color of #556fbe.

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

#556fbe border color

This element has a border color of #556fbe.

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

CSS codes

.text {color:#556fbe;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0b0f1d
```
#0b0f1d rgb(11,15,29)
```
#10172b
```
#10172b rgb(16,23,43)
```
#161f39
```
#161f39 rgb(22,31,57)
```
#1b2647
```
#1b2647 rgb(27,38,71)
```
#212e55
```
#212e55 rgb(33,46,85)
```
#263564
```
#263564 rgb(38,53,100)
```
#2c3d72
```
#2c3d72 rgb(44,61,114)
```
#314580
```
#314580 rgb(49,69,128)
```
#364c8e
```
#364c8e rgb(54,76,142)
```
#3c549c
```
#3c549c rgb(60,84,156)
```
#415bab
```
#415bab rgb(65,91,171)
```

Shade Color Variation

#4763b9
```
#4763b9 rgb(71,99,185)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#637bc3
```
#637bc3 rgb(99,123,195)
```
#7187c9
```
#7187c9 rgb(113,135,201)
```
#8093ce
```
#8093ce rgb(128,147,206)
```
#8e9fd4
```
#8e9fd4 rgb(142,159,212)
```
#9cabd9
```
#9cabd9 rgb(156,171,217)
```
#aab7df
```
#aab7df rgb(170,183,223)
```
#b8c3e4
```
#b8c3e4 rgb(184,195,228)
```
#c7cfe9
```
#c7cfe9 rgb(199,207,233)
```
#d5dbef
```
#d5dbef rgb(213,219,239)
```
#e3e7f4
```
#e3e7f4 rgb(227,231,244)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

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

#828691
```
#828691 rgb(130,134,145)
```
#79819a
```
#79819a rgb(121,129,154)
```
#707da3
```
#707da3 rgb(112,125,163)
```
#6778ac
```
#6778ac rgb(103,120,172)
```
#5e74b5
```
#5e74b5 rgb(94,116,181)
```
#556fbe
```
#556fbe rgb(85,111,190)
```
#4c6ac7
```
#4c6ac7 rgb(76,106,199)
```
#4366d0
```
#4366d0 rgb(67,102,208)
```
#3a61d9
```
#3a61d9 rgb(58,97,217)
```
#315de2
```
#315de2 rgb(49,93,226)
```
#2858eb
```
#2858eb rgb(40,88,235)
```
#1f54f4
```
#1f54f4 rgb(31,84,244)
```
#164ffd
```
#164ffd rgb(22,79,253)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b7080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5877c2 Protanopia 1% of men
#487abf Deuteranopia 1% of men
#44828c Tritanopia 0.001% of the population

Trichromacy

#5674c0 Protanomaly 1% of men, 0.01% of women
#4d76bf Deuteranomaly 6% of men, 0.4% of women
#4a7b9e Tritanomaly 0.01% of the population

#556fbe hex color

#556fbe Color Information

#556fbe Color Conversion

Color Schemes with #556fbe

Alternatives to #556fbe

#556fbe Preview

Shades and Tints of #556fbe

Tones of #556fbe

Color Blindness Simulator