#556fcf hex color

In a RGB color space, hex #556fcf is composed of 33.3% red, 43.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 46.4% magenta, 0% yellow and 18.8% black. It has a hue angle of 227.2 degrees, a saturation of 56% and a lightness of 57.3%. #556fcf color hex could be obtained by blending #aadeff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 81
RGB color chart
- C 59
- M 46
- Y 0
- K 19
CMYK color chart

● #556fcf color description : Moderate blue.

The hexadecimal color #556fcf has RGB values of R:85, G:111, B:207 and CMYK values of C:0.59, M:0.46, Y:0, K:0.19. Its decimal value is 5599183.

Hex triplet	556fcf	`#556fcf`
RGB Decimal	85, 111, 207	`rgb(85,111,207)`
RGB Percent	33.3, 43.5, 81.2	`rgb(33.3%,43.5%,81.2%)`
CMYK	59, 46, 0, 19
HSL	227.2°, 56, 57.3	`hsl(227.2,56%,57.3%)`
HSV (or HSB)	227.2°, 58.9, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.258, 19.498, -52.698
XYZ	20.691, 17.804, 61.374
xyY	0.207, 0.178, 17.804
CIE-LCH	49.258, 56.189, 290.304
CIE-LUV	49.258, -14.374, -82.452
Hunter-Lab	42.195, 13.689, -56.703
Binary	01010101, 01101111, 11001111

#556fcf
```
#556fcf rgb(85,111,207)
```
#cfb555
```
#cfb555 rgb(207,181,85)
```

Complementary Color

#55accf
```
#55accf rgb(85,172,207)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#7855cf
```
#7855cf rgb(120,85,207)
```

Analogous Color

#accf55
```
#accf55 rgb(172,207,85)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#cf7855
```
#cf7855 rgb(207,120,85)
```

Split Complementary Color

#6fcf55
```
#6fcf55 rgb(111,207,85)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#cf556f
```
#cf556f rgb(207,85,111)
```

Triadic Color

#55cfb5
```
#55cfb5 rgb(85,207,181)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#cf556f
```
#cf556f rgb(207,85,111)
```
#cfb555
```
#cfb555 rgb(207,181,85)
```

Tetradic Color

#2f49a8
```
#2f49a8 rgb(47,73,168)
```
#3552bc
```
#3552bc rgb(53,82,188)
```
#415ec9
```
#415ec9 rgb(65,94,201)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#7d91da
```
#7d91da rgb(125,145,218)
```
#91a2e0
```
#91a2e0 rgb(145,162,224)
```

Monochromatic Color

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

#558ecf
```
#558ecf rgb(85,142,207)
```
#5583cf
```
#5583cf rgb(85,131,207)
```
#5579cf
```
#5579cf rgb(85,121,207)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#5565cf
```
#5565cf rgb(85,101,207)
```
#555bcf
```
#555bcf rgb(85,91,207)
```
#5a55cf
```
#5a55cf rgb(90,85,207)
```

Similar Colors

Text with hexadecimal color #556fcf

This text has a font color of #556fcf.

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

#556fcf background color

This paragraph has a background color of #556fcf.

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

#556fcf border color

This element has a border color of #556fcf.

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

CSS codes

.text {color:#556fcf;}

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

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

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, #04060e is the darkest color, while #fdfeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#111a3b
```
#111a3b rgb(17,26,59)
```
#15214b
```
#15214b rgb(21,33,75)
```
#19275a
```
#19275a rgb(25,39,90)
```
#1e2e69
```
#1e2e69 rgb(30,46,105)
```
#223579
```
#223579 rgb(34,53,121)
```
#263b88
```
#263b88 rgb(38,59,136)
```
#2b4297
```
#2b4297 rgb(43,66,151)
```
#2f48a7
```
#2f48a7 rgb(47,72,167)
```
#334fb6
```
#334fb6 rgb(51,79,182)
```
#3856c5
```
#3856c5 rgb(56,86,197)
```

Shade Color Variation

#4662cb
```
#4662cb rgb(70,98,203)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#647cd3
```
#647cd3 rgb(100,124,211)
```
#7489d8
```
#7489d8 rgb(116,137,216)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#92a3e0
```
#92a3e0 rgb(146,163,224)
```
#a1b0e5
```
#a1b0e5 rgb(161,176,229)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#c0caed
```
#c0caed rgb(192,202,237)
```
#cfd7f2
```
#cfd7f2 rgb(207,215,242)
```
#dfe4f6
```
#dfe4f6 rgb(223,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#909194
```
#909194 rgb(144,145,148)
```
#878c9d
```
#878c9d rgb(135,140,157)
```
#7f87a5
```
#7f87a5 rgb(127,135,165)
```
#7782ad
```
#7782ad rgb(119,130,173)
```
#6e7db6
```
#6e7db6 rgb(110,125,182)
```
#6679be
```
#6679be rgb(102,121,190)
```
#5d74c7
```
#5d74c7 rgb(93,116,199)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#4d6ad7
```
#4d6ad7 rgb(77,106,215)
```
#4465e0
```
#4465e0 rgb(68,101,224)
```
#3c61e8
```
#3c61e8 rgb(60,97,232)
```
#335cf1
```
#335cf1 rgb(51,92,241)
```
#2b57f9
```
#2b57f9 rgb(43,87,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b79d3 Protanopia 1% of men
#2c7dce Deuteranopia 1% of men
#378690 Tritanopia 0.001% of the population

Trichromacy

#4f75d2 Protanomaly 1% of men, 0.01% of women
#3b78ce Deuteranomaly 6% of men, 0.4% of women
#427da7 Tritanomaly 0.01% of the population

#556fcf hex color

#556fcf Color Information

#556fcf Color Conversion

Color Schemes with #556fcf

Alternatives to #556fcf

#556fcf Preview

Shades and Tints of #556fcf

Tones of #556fcf

Color Blindness Simulator