#556bef hex color

In a RGB color space, hex #556bef is composed of 33.3% red, 42% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 55.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 231.4 degrees, a saturation of 82.8% and a lightness of 63.5%. #556bef color hex could be obtained by blending #aad6ff with #0000df. Closest websafe color is: #6666ff.

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

● #556bef color description : Soft blue.

The hexadecimal color #556bef has RGB values of R:85, G:107, B:239 and CMYK values of C:0.64, M:0.55, Y:0, K:0.06. Its decimal value is 5598191.

Hex triplet	556bef	`#556bef`
RGB Decimal	85, 107, 239	`rgb(85,107,239)`
RGB Percent	33.3, 42, 93.7	`rgb(33.3%,42%,93.7%)`
CMYK	64, 55, 0, 6
HSL	231.4°, 82.8, 63.5	`hsl(231.4,82.8%,63.5%)`
HSV (or HSB)	231.4°, 64.4, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.308, 32.75, -69.082
XYZ	24.581, 18.677, 83.966
xyY	0.193, 0.147, 18.677
CIE-LCH	50.308, 76.452, 295.365
CIE-LUV	50.308, -13.867, -108.794
Hunter-Lab	43.217, 25.896, -84.942
Binary	01010101, 01101011, 11101111

#556bef
```
#556bef rgb(85,107,239)
```
#efd955
```
#efd955 rgb(239,217,85)
```

Complementary Color

#55b8ef
```
#55b8ef rgb(85,184,239)
```
#556bef
```
#556bef rgb(85,107,239)
```
#8c55ef
```
#8c55ef rgb(140,85,239)
```

Analogous Color

#b8ef55
```
#b8ef55 rgb(184,239,85)
```
#556bef
```
#556bef rgb(85,107,239)
```
#ef8c55
```
#ef8c55 rgb(239,140,85)
```

Split Complementary Color

#6bef55
```
#6bef55 rgb(107,239,85)
```
#556bef
```
#556bef rgb(85,107,239)
```
#ef556b
```
#ef556b rgb(239,85,107)
```

Triadic Color

#55efd9
```
#55efd9 rgb(85,239,217)
```
#556bef
```
#556bef rgb(85,107,239)
```
#ef556b
```
#ef556b rgb(239,85,107)
```
#efd955
```
#efd955 rgb(239,217,85)
```

Tetradic Color

#1533e2
```
#1533e2 rgb(21,51,226)
```
#2642eb
```
#2642eb rgb(38,66,235)
```
#3e57ed
```
#3e57ed rgb(62,87,237)
```
#556bef
```
#556bef rgb(85,107,239)
```
#6c7ff1
```
#6c7ff1 rgb(108,127,241)
```
#8494f3
```
#8494f3 rgb(132,148,243)
```
#9ba8f6
```
#9ba8f6 rgb(155,168,246)
```

Monochromatic Color

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

#5592ef
```
#5592ef rgb(85,146,239)
```
#5585ef
```
#5585ef rgb(85,133,239)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#556bef
```
#556bef rgb(85,107,239)
```
#555eef
```
#555eef rgb(85,94,239)
```
#5955ef
```
#5955ef rgb(89,85,239)
```
#6655ef
```
#6655ef rgb(102,85,239)
```

Similar Colors

Text with hexadecimal color #556bef

This text has a font color of #556bef.

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

#556bef background color

This paragraph has a background color of #556bef.

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

#556bef border color

This element has a border color of #556bef.

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

CSS codes

.text {color:#556bef;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#03061b
```
#03061b rgb(3,6,27)
```
#040a2d
```
#040a2d rgb(4,10,45)
```
#060e3f
```
#060e3f rgb(6,14,63)
```
#081251
```
#081251 rgb(8,18,81)
```
#091663
```
#091663 rgb(9,22,99)
```
#0b1a75
```
#0b1a75 rgb(11,26,117)
```
#0d1e87
```
#0d1e87 rgb(13,30,135)
```
#0e2299
```
#0e2299 rgb(14,34,153)
```
#1026ab
```
#1026ab rgb(16,38,171)
```
#122abd
```
#122abd rgb(18,42,189)
```
#132ece
```
#132ece rgb(19,46,206)
```
#1532e0
```
#1532e0 rgb(21,50,224)
```

Shade Color Variation

#1f3cea
```
#1f3cea rgb(31,60,234)
```
#314cec
```
#314cec rgb(49,76,236)
```
#435bed
```
#435bed rgb(67,91,237)
```
#556bef
```
#556bef rgb(85,107,239)
```
#677bf1
```
#677bf1 rgb(103,123,241)
```
#798af2
```
#798af2 rgb(121,138,242)
```
#8b9af4
```
#8b9af4 rgb(139,154,244)
```
#9da9f6
```
#9da9f6 rgb(157,169,246)
```
#afb9f7
```
#afb9f7 rgb(175,185,247)
```
#c1c9f9
```
#c1c9f9 rgb(193,201,249)
```
#d2d8fb
```
#d2d8fb rgb(210,216,251)
```
#e4e8fc
```
#e4e8fc rgb(228,232,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#9d9ea7
```
#9d9ea7 rgb(157,158,167)
```
#9599af
```
#9599af rgb(149,153,175)
```
#8e94b6
```
#8e94b6 rgb(142,148,182)
```
#878fbd
```
#878fbd rgb(135,143,189)
```
#808ac4
```
#808ac4 rgb(128,138,196)
```
#7985cb
```
#7985cb rgb(121,133,203)
```
#727fd2
```
#727fd2 rgb(114,127,210)
```
#6a7ada
```
#6a7ada rgb(106,122,218)
```
#6375e1
```
#6375e1 rgb(99,117,225)
```
#5c70e8
```
#5c70e8 rgb(92,112,232)
```
#556bef
```
#556bef rgb(85,107,239)
```
#4e66f6
```
#4e66f6 rgb(78,102,246)
```
#4761fd
```
#4761fd rgb(71,97,253)
```

Tone Color Variation

Below, you can see how #556bef 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
#008b94 Tritanopia 0.001% of the population

Trichromacy

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

#556bef hex color

#556bef Color Information

#556bef Color Conversion

Color Schemes with #556bef

Alternatives to #556bef

#556bef Preview

Shades and Tints of #556bef

Tones of #556bef

Color Blindness Simulator