#556bcf hex color

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

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

● #556bcf color description : Moderate blue.

The hexadecimal color #556bcf has RGB values of R:85, G:107, B:207 and CMYK values of C:0.59, M:0.48, Y:0, K:0.19. Its decimal value is 5598159.

Hex triplet	556bcf	`#556bcf`
RGB Decimal	85, 107, 207	`rgb(85,107,207)`
RGB Percent	33.3, 42, 81.2	`rgb(33.3%,42%,81.2%)`
CMYK	59, 48, 0, 19
HSL	229.2°, 56, 57.3	`hsl(229.2,56%,57.3%)`
HSV (or HSB)	229.2°, 58.9, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.198, 21.984, -54.397
XYZ	20.264, 16.951, 61.232
xyY	0.206, 0.172, 16.951
CIE-LCH	48.198, 58.672, 292.005
CIE-LUV	48.198, -13.124, -84.841
Hunter-Lab	41.171, 15.807, -59.359
Binary	01010101, 01101011, 11001111

#556bcf
```
#556bcf rgb(85,107,207)
```
#cfb955
```
#cfb955 rgb(207,185,85)
```

Complementary Color

#55a8cf
```
#55a8cf rgb(85,168,207)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#7c55cf
```
#7c55cf rgb(124,85,207)
```

Analogous Color

#a8cf55
```
#a8cf55 rgb(168,207,85)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#cf7c55
```
#cf7c55 rgb(207,124,85)
```

Split Complementary Color

#6bcf55
```
#6bcf55 rgb(107,207,85)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#cf556b
```
#cf556b rgb(207,85,107)
```

Triadic Color

#55cfb9
```
#55cfb9 rgb(85,207,185)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#cf556b
```
#cf556b rgb(207,85,107)
```
#cfb955
```
#cfb955 rgb(207,185,85)
```

Tetradic Color

#2f45a8
```
#2f45a8 rgb(47,69,168)
```
#354dbc
```
#354dbc rgb(53,77,188)
```
#415ac9
```
#415ac9 rgb(65,90,201)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#697cd5
```
#697cd5 rgb(105,124,213)
```
#7d8eda
```
#7d8eda rgb(125,142,218)
```
#919fe0
```
#919fe0 rgb(145,159,224)
```

Monochromatic Color

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

#558acf
```
#558acf rgb(85,138,207)
```
#557fcf
```
#557fcf rgb(85,127,207)
```
#5575cf
```
#5575cf rgb(85,117,207)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#5561cf
```
#5561cf rgb(85,97,207)
```
#5557cf
```
#5557cf rgb(85,87,207)
```
#5d55cf
```
#5d55cf rgb(93,85,207)
```

Similar Colors

Text with hexadecimal color #556bcf

This text has a font color of #556bcf.

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

#556bcf background color

This paragraph has a background color of #556bcf.

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

#556bcf border color

This element has a border color of #556bcf.

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

CSS codes

.text {color:#556bcf;}

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

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

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 #fdfdff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080c1d
```
#080c1d rgb(8,12,29)
```
#0c122c
```
#0c122c rgb(12,18,44)
```
#11183b
```
#11183b rgb(17,24,59)
```
#151f4b
```
#151f4b rgb(21,31,75)
```
#19255a
```
#19255a rgb(25,37,90)
```
#1e2b69
```
#1e2b69 rgb(30,43,105)
```
#223279
```
#223279 rgb(34,50,121)
```
#263888
```
#263888 rgb(38,56,136)
```
#2b3e97
```
#2b3e97 rgb(43,62,151)
```
#2f45a7
```
#2f45a7 rgb(47,69,167)
```
#334bb6
```
#334bb6 rgb(51,75,182)
```
#3851c5
```
#3851c5 rgb(56,81,197)
```

Shade Color Variation

#465ecb
```
#465ecb rgb(70,94,203)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#6478d3
```
#6478d3 rgb(100,120,211)
```
#7486d8
```
#7486d8 rgb(116,134,216)
```
#8393dc
```
#8393dc rgb(131,147,220)
```
#92a0e0
```
#92a0e0 rgb(146,160,224)
```
#a1aee5
```
#a1aee5 rgb(161,174,229)
```
#b1bbe9
```
#b1bbe9 rgb(177,187,233)
```
#c0c8ed
```
#c0c8ed rgb(192,200,237)
```
#cfd6f2
```
#cfd6f2 rgb(207,214,242)
```
#dfe3f6
```
#dfe3f6 rgb(223,227,246)
```
#eef0fa
```
#eef0fa rgb(238,240,250)
```
#fdfdff
```
#fdfdff rgb(253,253,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 #2b50f9 is the most saturated one.

#909194
```
#909194 rgb(144,145,148)
```
#878b9d
```
#878b9d rgb(135,139,157)
```
#7f86a5
```
#7f86a5 rgb(127,134,165)
```
#7780ad
```
#7780ad rgb(119,128,173)
```
#6e7bb6
```
#6e7bb6 rgb(110,123,182)
```
#6676be
```
#6676be rgb(102,118,190)
```
#5d70c7
```
#5d70c7 rgb(93,112,199)
```
#556bcf
```
#556bcf rgb(85,107,207)
```
#4d66d7
```
#4d66d7 rgb(77,102,215)
```
#4460e0
```
#4460e0 rgb(68,96,224)
```
#3c5be8
```
#3c5be8 rgb(60,91,232)
```
#3356f1
```
#3356f1 rgb(51,86,241)
```
#2b50f9
```
#2b50f9 rgb(43,80,249)
```

Tone Color Variation

Below, you can see how #556bcf 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
#6b6f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4376d4 Protanopia 1% of men
#167bcd Deuteranopia 1% of men
#35838d Tritanopia 0.001% of the population

Trichromacy

#4972d2 Protanomaly 1% of men, 0.01% of women
#2c75ce Deuteranomaly 6% of men, 0.4% of women
#417aa5 Tritanomaly 0.01% of the population

#556bcf hex color

#556bcf Color Information

#556bcf Color Conversion

Color Schemes with #556bcf

Alternatives to #556bcf

#556bcf Preview

Shades and Tints of #556bcf

Tones of #556bcf

Color Blindness Simulator