#556baf hex color

In a RGB color space, hex #556baf is composed of 33.3% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 225.3 degrees, a saturation of 36% and a lightness of 51%. #556baf color hex could be obtained by blending #aad6ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 42
- B 69
RGB color chart
- C 51
- M 39
- Y 0
- K 31
CMYK color chart

● #556baf color description : Dark moderate blue.

The hexadecimal color #556baf has RGB values of R:85, G:107, B:175 and CMYK values of C:0.51, M:0.39, Y:0, K:0.31. Its decimal value is 5598127.

Hex triplet	556baf	`#556baf`
RGB Decimal	85, 107, 175	`rgb(85,107,175)`
RGB Percent	33.3, 42, 68.6	`rgb(33.3%,42%,68.6%)`
CMYK	51, 39, 0, 31
HSL	225.3°, 36, 51	`hsl(225.3,36%,51%)`
HSV (or HSB)	225.3°, 51.4, 68.6
Web Safe	666699	`#666699`

CIE-LAB	46.367, 11.449, -38.833
XYZ	16.74, 15.541, 42.673
xyY	0.223, 0.207, 15.541
CIE-LCH	46.367, 40.486, 286.427
CIE-LUV	46.367, -12.439, -59.184
Hunter-Lab	39.422, 6.809, -36.583
Binary	01010101, 01101011, 10101111

#556baf
```
#556baf rgb(85,107,175)
```
#af9955
```
#af9955 rgb(175,153,85)
```

Complementary Color

#5598af
```
#5598af rgb(85,152,175)
```
#556baf
```
#556baf rgb(85,107,175)
```
#6c55af
```
#6c55af rgb(108,85,175)
```

Analogous Color

#98af55
```
#98af55 rgb(152,175,85)
```
#556baf
```
#556baf rgb(85,107,175)
```
#af6c55
```
#af6c55 rgb(175,108,85)
```

Split Complementary Color

#6baf55
```
#6baf55 rgb(107,175,85)
```
#556baf
```
#556baf rgb(85,107,175)
```
#af556b
```
#af556b rgb(175,85,107)
```

Triadic Color

#55af99
```
#55af99 rgb(85,175,153)
```
#556baf
```
#556baf rgb(85,107,175)
```
#af556b
```
#af556b rgb(175,85,107)
```
#af9955
```
#af9955 rgb(175,153,85)
```

Tetradic Color

#3b4b7d
```
#3b4b7d rgb(59,75,125)
```
#43558e
```
#43558e rgb(67,85,142)
```
#4b609f
```
#4b609f rgb(75,96,159)
```
#556baf
```
#556baf rgb(85,107,175)
```
#667ab7
```
#667ab7 rgb(102,122,183)
```
#7889bf
```
#7889bf rgb(120,137,191)
```
#8998c7
```
#8998c7 rgb(137,152,199)
```

Monochromatic Color

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

#5582af
```
#5582af rgb(85,130,175)
```
#557aaf
```
#557aaf rgb(85,122,175)
```
#5573af
```
#5573af rgb(85,115,175)
```
#556baf
```
#556baf rgb(85,107,175)
```
#5564af
```
#5564af rgb(85,100,175)
```
#555caf
```
#555caf rgb(85,92,175)
```
#5555af
```
#5555af rgb(85,85,175)
```

Similar Colors

Text with hexadecimal color #556baf

This text has a font color of #556baf.

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

#556baf background color

This paragraph has a background color of #556baf.

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

#556baf border color

This element has a border color of #556baf.

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

CSS codes

.text {color:#556baf;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0e121e
```
#0e121e rgb(14,18,30)
```
#141a2b
```
#141a2b rgb(20,26,43)
```
#1b2239
```
#1b2239 rgb(27,34,57)
```
#212a46
```
#212a46 rgb(33,42,70)
```
#273253
```
#273253 rgb(39,50,83)
```
#2e3a61
```
#2e3a61 rgb(46,58,97)
```
#34426e
```
#34426e rgb(52,66,110)
```
#3a4a7b
```
#3a4a7b rgb(58,74,123)
```
#405289
```
#405289 rgb(64,82,137)
```
#475a96
```
#475a96 rgb(71,90,150)
```
#4d62a3
```
#4d62a3 rgb(77,98,163)
```

Shade Color Variation

#556baf
```
#556baf rgb(85,107,175)
```
#6277b5
```
#6277b5 rgb(98,119,181)
```
#7082bc
```
#7082bc rgb(112,130,188)
```
#7d8ec2
```
#7d8ec2 rgb(125,142,194)
```
#8a99c8
```
#8a99c8 rgb(138,153,200)
```
#98a5ce
```
#98a5ce rgb(152,165,206)
```
#a5b1d5
```
#a5b1d5 rgb(165,177,213)
```
#b2bcdb
```
#b2bcdb rgb(178,188,219)
```
#c0c8e1
```
#c0c8e1 rgb(192,200,225)
```
#cdd4e7
```
#cdd4e7 rgb(205,212,231)
```
#dadfee
```
#dadfee rgb(218,223,238)
```
#e8ebf4
```
#e8ebf4 rgb(232,235,244)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7f89 is the less saturated color, while #0844fc is the most saturated one.

#7b7f89
```
#7b7f89 rgb(123,127,137)
```
#727a92
```
#727a92 rgb(114,122,146)
```
#68759c
```
#68759c rgb(104,117,156)
```
#5f70a5
```
#5f70a5 rgb(95,112,165)
```
#556baf
```
#556baf rgb(85,107,175)
```
#4b66b9
```
#4b66b9 rgb(75,102,185)
```
#4261c2
```
#4261c2 rgb(66,97,194)
```
#385ccc
```
#385ccc rgb(56,92,204)
```
#2f57d5
```
#2f57d5 rgb(47,87,213)
```
#2552df
```
#2552df rgb(37,82,223)
```
#1b4ee9
```
#1b4ee9 rgb(27,78,233)
```
#1249f2
```
#1249f2 rgb(18,73,242)
```
#0844fc
```
#0844fc rgb(8,68,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a73b3 Protanopia 1% of men
#5075b2 Deuteranopia 1% of men
#4a7c85 Tritanopia 0.001% of the population

Trichromacy

#5870b1 Protanomaly 1% of men, 0.01% of women
#5271b0 Deuteranomaly 6% of men, 0.4% of women
#4e7694 Tritanomaly 0.01% of the population

#556baf hex color

#556baf Color Information

#556baf Color Conversion

Color Schemes with #556baf

Alternatives to #556baf

#556baf Preview

Shades and Tints of #556baf

Tones of #556baf

Color Blindness Simulator