#556bee hex color

In a RGB color space, hex #556bee is composed of 33.3% red, 42% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 55% magenta, 0% yellow and 6.7% black. It has a hue angle of 231.4 degrees, a saturation of 81.8% and a lightness of 63.3%. #556bee color hex could be obtained by blending #aad6ff with #0000dd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 93
RGB color chart
- C 64
- M 55
- Y 0
- K 7
CMYK color chart

● #556bee color description : Soft blue.

The hexadecimal color #556bee has RGB values of R:85, G:107, B:238 and CMYK values of C:0.64, M:0.55, Y:0, K:0.07. Its decimal value is 5598190.

Hex triplet	556bee	`#556bee`
RGB Decimal	85, 107, 238	`rgb(85,107,238)`
RGB Percent	33.3, 42, 93.3	`rgb(33.3%,42%,93.3%)`
CMYK	64, 55, 0, 7
HSL	231.4°, 81.8, 63.3	`hsl(231.4,81.8%,63.3%)`
HSV (or HSB)	231.4°, 64.3, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.238, 32.413, -68.636
XYZ	24.433, 18.618, 83.19
xyY	0.194, 0.147, 18.618
CIE-LCH	50.238, 75.904, 295.279
CIE-LUV	50.238, -13.843, -108.072
Hunter-Lab	43.149, 25.566, -84.105
Binary	01010101, 01101011, 11101110

#556bee
```
#556bee rgb(85,107,238)
```
#eed855
```
#eed855 rgb(238,216,85)
```

Complementary Color

#55b8ee
```
#55b8ee rgb(85,184,238)
```
#556bee
```
#556bee rgb(85,107,238)
```
#8c55ee
```
#8c55ee rgb(140,85,238)
```

Analogous Color

#b8ee55
```
#b8ee55 rgb(184,238,85)
```
#556bee
```
#556bee rgb(85,107,238)
```
#ee8c55
```
#ee8c55 rgb(238,140,85)
```

Split Complementary Color

#6bee55
```
#6bee55 rgb(107,238,85)
```
#556bee
```
#556bee rgb(85,107,238)
```
#ee556b
```
#ee556b rgb(238,85,107)
```

Triadic Color

#55eed8
```
#55eed8 rgb(85,238,216)
```
#556bee
```
#556bee rgb(85,107,238)
```
#ee556b
```
#ee556b rgb(238,85,107)
```
#eed855
```
#eed855 rgb(238,216,85)
```

Tetradic Color

#1633e0
```
#1633e0 rgb(22,51,224)
```
#2743e9
```
#2743e9 rgb(39,67,233)
```
#3e57ec
```
#3e57ec rgb(62,87,236)
```
#556bee
```
#556bee rgb(85,107,238)
```
#6c7ff0
```
#6c7ff0 rgb(108,127,240)
```
#8393f3
```
#8393f3 rgb(131,147,243)
```
#9ba8f5
```
#9ba8f5 rgb(155,168,245)
```

Monochromatic Color

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

#5591ee
```
#5591ee rgb(85,145,238)
```
#5585ee
```
#5585ee rgb(85,133,238)
```
#5578ee
```
#5578ee rgb(85,120,238)
```
#556bee
```
#556bee rgb(85,107,238)
```
#555eee
```
#555eee rgb(85,94,238)
```
#5855ee
```
#5855ee rgb(88,85,238)
```
#6555ee
```
#6555ee rgb(101,85,238)
```

Similar Colors

Text with hexadecimal color #556bee

This text has a font color of #556bee.

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

#556bee background color

This paragraph has a background color of #556bee.

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

#556bee border color

This element has a border color of #556bee.

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

CSS codes

.text {color:#556bee;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#03061a
```
#03061a rgb(3,6,26)
```
#040a2c
```
#040a2c rgb(4,10,44)
```
#060e3e
```
#060e3e rgb(6,14,62)
```
#081250
```
#081250 rgb(8,18,80)
```
#0a1661
```
#0a1661 rgb(10,22,97)
```
#0c1a73
```
#0c1a73 rgb(12,26,115)
```
#0d1f85
```
#0d1f85 rgb(13,31,133)
```
#0f2397
```
#0f2397 rgb(15,35,151)
```
#1127a9
```
#1127a9 rgb(17,39,169)
```
#132bbb
```
#132bbb rgb(19,43,187)
```
#142fcc
```
#142fcc rgb(20,47,204)
```
#1633de
```
#1633de rgb(22,51,222)
```

Shade Color Variation

#203ce9
```
#203ce9 rgb(32,60,233)
```
#314cea
```
#314cea rgb(49,76,234)
```
#435bec
```
#435bec rgb(67,91,236)
```
#556bee
```
#556bee rgb(85,107,238)
```
#677bf0
```
#677bf0 rgb(103,123,240)
```
#798af2
```
#798af2 rgb(121,138,242)
```
#8a9af3
```
#8a9af3 rgb(138,154,243)
```
#9ca9f5
```
#9ca9f5 rgb(156,169,245)
```
#aeb9f7
```
#aeb9f7 rgb(174,185,247)
```
#c0c8f9
```
#c0c8f9 rgb(192,200,249)
```
#d2d8fa
```
#d2d8fa rgb(210,216,250)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9d9ea6
```
#9d9ea6 rgb(157,158,166)
```
#9699ad
```
#9699ad rgb(150,153,173)
```
#8f94b4
```
#8f94b4 rgb(143,148,180)
```
#878fbc
```
#878fbc rgb(135,143,188)
```
#808ac3
```
#808ac3 rgb(128,138,195)
```
#7985ca
```
#7985ca rgb(121,133,202)
```
#727fd1
```
#727fd1 rgb(114,127,209)
```
#6b7ad8
```
#6b7ad8 rgb(107,122,216)
```
#6375e0
```
#6375e0 rgb(99,117,224)
```
#5c70e7
```
#5c70e7 rgb(92,112,231)
```
#556bee
```
#556bee rgb(85,107,238)
```
#4e66f5
```
#4e66f5 rgb(78,102,245)
```
#4761fc
```
#4761fc rgb(71,97,252)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d718c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#1e74ef Protanomaly 1% of men, 0.01% of women
#1e79dd Deuteranomaly 6% of men, 0.4% of women
#1e7fb5 Tritanomaly 0.01% of the population

#556bee hex color

#556bee Color Information

#556bee Color Conversion

Color Schemes with #556bee

Alternatives to #556bee

#556bee Preview

Shades and Tints of #556bee

Tones of #556bee

Color Blindness Simulator