#556cef hex color

In a RGB color space, hex #556cef is composed of 33.3% red, 42.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 54.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 231 degrees, a saturation of 82.8% and a lightness of 63.5%. #556cef color hex could be obtained by blending #aad8ff 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

● #556cef color description : Soft blue.

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

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

CIE-LAB	50.555, 32.137, -68.681
XYZ	24.686, 18.887, 84.001
xyY	0.194, 0.148, 18.887
CIE-LCH	50.555, 75.828, 295.075
CIE-LUV	50.555, -14.138, -108.303
Hunter-Lab	43.459, 25.338, -84.179
Binary	01010101, 01101100, 11101111

#556cef
```
#556cef rgb(85,108,239)
```
#efd855
```
#efd855 rgb(239,216,85)
```

Complementary Color

#55b9ef
```
#55b9ef rgb(85,185,239)
```
#556cef
```
#556cef rgb(85,108,239)
```
#8b55ef
```
#8b55ef rgb(139,85,239)
```

Analogous Color

#b9ef55
```
#b9ef55 rgb(185,239,85)
```
#556cef
```
#556cef rgb(85,108,239)
```
#ef8b55
```
#ef8b55 rgb(239,139,85)
```

Split Complementary Color

#6cef55
```
#6cef55 rgb(108,239,85)
```
#556cef
```
#556cef rgb(85,108,239)
```
#ef556c
```
#ef556c rgb(239,85,108)
```

Triadic Color

#55efd8
```
#55efd8 rgb(85,239,216)
```
#556cef
```
#556cef rgb(85,108,239)
```
#ef556c
```
#ef556c rgb(239,85,108)
```
#efd855
```
#efd855 rgb(239,216,85)
```

Tetradic Color

#1534e2
```
#1534e2 rgb(21,52,226)
```
#2644eb
```
#2644eb rgb(38,68,235)
```
#3e58ed
```
#3e58ed rgb(62,88,237)
```
#556cef
```
#556cef rgb(85,108,239)
```
#6c80f1
```
#6c80f1 rgb(108,128,241)
```
#8494f3
```
#8494f3 rgb(132,148,243)
```
#9ba8f6
```
#9ba8f6 rgb(155,168,246)
```

Monochromatic Color

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

#5593ef
```
#5593ef rgb(85,147,239)
```
#5586ef
```
#5586ef rgb(85,134,239)
```
#5579ef
```
#5579ef rgb(85,121,239)
```
#556cef
```
#556cef rgb(85,108,239)
```
#555fef
```
#555fef rgb(85,95,239)
```
#5855ef
```
#5855ef rgb(88,85,239)
```
#6555ef
```
#6555ef rgb(101,85,239)
```

Similar Colors

Text with hexadecimal color #556cef

This text has a font color of #556cef.

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

#556cef background color

This paragraph has a background color of #556cef.

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

#556cef border color

This element has a border color of #556cef.

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

CSS codes

.text {color:#556cef;}

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

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

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 #f6f8fe 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)
```
#081351
```
#081351 rgb(8,19,81)
```
#091763
```
#091763 rgb(9,23,99)
```
#0b1b75
```
#0b1b75 rgb(11,27,117)
```
#0d1f87
```
#0d1f87 rgb(13,31,135)
```
#0e2399
```
#0e2399 rgb(14,35,153)
```
#1027ab
```
#1027ab rgb(16,39,171)
```
#122bbd
```
#122bbd rgb(18,43,189)
```
#132fce
```
#132fce rgb(19,47,206)
```
#1533e0
```
#1533e0 rgb(21,51,224)
```

Shade Color Variation

#1f3dea
```
#1f3dea rgb(31,61,234)
```
#314dec
```
#314dec rgb(49,77,236)
```
#435ced
```
#435ced rgb(67,92,237)
```
#556cef
```
#556cef rgb(85,108,239)
```
#677cf1
```
#677cf1 rgb(103,124,241)
```
#798bf2
```
#798bf2 rgb(121,139,242)
```
#8b9bf4
```
#8b9bf4 rgb(139,155,244)
```
#9daaf6
```
#9daaf6 rgb(157,170,246)
```
#afbaf7
```
#afbaf7 rgb(175,186,247)
```
#c1c9f9
```
#c1c9f9 rgb(193,201,249)
```
#d2d9fb
```
#d2d9fb rgb(210,217,251)
```
#e4e8fc
```
#e4e8fc rgb(228,232,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,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 #4762fd 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)
```
#7280d2
```
#7280d2 rgb(114,128,210)
```
#6a7bda
```
#6a7bda rgb(106,123,218)
```
#6376e1
```
#6376e1 rgb(99,118,225)
```
#5c71e8
```
#5c71e8 rgb(92,113,232)
```
#556cef
```
#556cef rgb(85,108,239)
```
#4e67f6
```
#4e67f6 rgb(78,103,246)
```
#4762fd
```
#4762fd rgb(71,98,253)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e728d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#1e75f1 Protanomaly 1% of men, 0.01% of women
#1e7ade Deuteranomaly 6% of men, 0.4% of women
#1e80b6 Tritanomaly 0.01% of the population

#556cef hex color

#556cef Color Information

#556cef Color Conversion

Color Schemes with #556cef

Alternatives to #556cef

#556cef Preview

Shades and Tints of #556cef

Tones of #556cef

Color Blindness Simulator