#556eff hex color

In a RGB color space, hex #556eff is composed of 33.3% red, 43.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 56.9% magenta, 0% yellow and 0% black. It has a hue angle of 231.2 degrees, a saturation of 100% and a lightness of 66.7%. #556eff color hex could be obtained by blending #aadcff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 43
- B 100
RGB color chart
- C 67
- M 57
- Y 0
- K 0
CMYK color chart

● #556eff color description : Light blue.

The hexadecimal color #556eff has RGB values of R:85, G:110, B:255 and CMYK values of C:0.67, M:0.57, Y:0, K:0. Its decimal value is 5598975.

Hex triplet	556eff	`#556eff`
RGB Decimal	85, 110, 255	`rgb(85,110,255)`
RGB Percent	33.3, 43.1, 100	`rgb(33.3%,43.1%,100%)`
CMYK	67, 57, 0, 0
HSL	231.2°, 100, 66.7	`hsl(231.2,100%,66.7%)`
HSV (or HSB)	231.2°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.176, 36.309, -74.949
XYZ	27.369, 20.302, 97.079
xyY	0.189, 0.14, 20.302
CIE-LCH	52.176, 83.28, 295.848
CIE-LUV	52.176, -15.028, -118.78
Hunter-Lab	45.057, 29.574, -96.204
Binary	01010101, 01101110, 11111111

#556eff
```
#556eff rgb(85,110,255)
```
#ffe655
```
#ffe655 rgb(255,230,85)
```

Complementary Color

#55c3ff
```
#55c3ff rgb(85,195,255)
```
#556eff
```
#556eff rgb(85,110,255)
```
#9155ff
```
#9155ff rgb(145,85,255)
```

Analogous Color

#c3ff55
```
#c3ff55 rgb(195,255,85)
```
#556eff
```
#556eff rgb(85,110,255)
```
#ff9155
```
#ff9155 rgb(255,145,85)
```

Split Complementary Color

#6eff55
```
#6eff55 rgb(110,255,85)
```
#556eff
```
#556eff rgb(85,110,255)
```
#ff556e
```
#ff556e rgb(255,85,110)
```

Triadic Color

#55ffe6
```
#55ffe6 rgb(85,255,230)
```
#556eff
```
#556eff rgb(85,110,255)
```
#ff556e
```
#ff556e rgb(255,85,110)
```
#ffe655
```
#ffe655 rgb(255,230,85)
```

Tetradic Color

#082dff
```
#082dff rgb(8,45,255)
```
#2243ff
```
#2243ff rgb(34,67,255)
```
#3c58ff
```
#3c58ff rgb(60,88,255)
```
#556eff
```
#556eff rgb(85,110,255)
```
#6f84ff
```
#6f84ff rgb(111,132,255)
```
#889aff
```
#889aff rgb(136,154,255)
```
#a2afff
```
#a2afff rgb(162,175,255)
```

Monochromatic Color

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

#5599ff
```
#5599ff rgb(85,153,255)
```
#558aff
```
#558aff rgb(85,138,255)
```
#557cff
```
#557cff rgb(85,124,255)
```
#556eff
```
#556eff rgb(85,110,255)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#5855ff
```
#5855ff rgb(88,85,255)
```
#6755ff
```
#6755ff rgb(103,85,255)
```

Similar Colors

Text with hexadecimal color #556eff

This text has a font color of #556eff.

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

#556eff background color

This paragraph has a background color of #556eff.

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

#556eff border color

This element has a border color of #556eff.

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

CSS codes

.text {color:#556eff;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00041a
```
#00041a rgb(0,4,26)
```
#00072e
```
#00072e rgb(0,7,46)
```
#000a41
```
#000a41 rgb(0,10,65)
```
#000d55
```
#000d55 rgb(0,13,85)
```
#000f69
```
#000f69 rgb(0,15,105)
```
#00127c
```
#00127c rgb(0,18,124)
```
#001590
```
#001590 rgb(0,21,144)
```
#0018a3
```
#0018a3 rgb(0,24,163)
```
#001bb7
```
#001bb7 rgb(0,27,183)
```
#001ecb
```
#001ecb rgb(0,30,203)
```
#0021de
```
#0021de rgb(0,33,222)
```
#0024f2
```
#0024f2 rgb(0,36,242)
```

Shade Color Variation

#072bff
```
#072bff rgb(7,43,255)
```
#1a3cff
```
#1a3cff rgb(26,60,255)
```
#2e4dff
```
#2e4dff rgb(46,77,255)
```
#415dff
```
#415dff rgb(65,93,255)
```
#556eff
```
#556eff rgb(85,110,255)
```
#697fff
```
#697fff rgb(105,127,255)
```
#7c8fff
```
#7c8fff rgb(124,143,255)
```
#90a0ff
```
#90a0ff rgb(144,160,255)
```
#a3b1ff
```
#a3b1ff rgb(163,177,255)
```
#b7c2ff
```
#b7c2ff rgb(183,194,255)
```
#cbd2ff
```
#cbd2ff rgb(203,210,255)
```
#dee3ff
```
#dee3ff rgb(222,227,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a5b1 is the less saturated color, while #556eff is the most saturated one.

#a3a5b1
```
#a3a5b1 rgb(163,165,177)
```
#9da1b7
```
#9da1b7 rgb(157,161,183)
```
#969cbe
```
#969cbe rgb(150,156,190)
```
#9098c4
```
#9098c4 rgb(144,152,196)
```
#8993cb
```
#8993cb rgb(137,147,203)
```
#838ed1
```
#838ed1 rgb(131,142,209)
```
#7c8ad8
```
#7c8ad8 rgb(124,138,216)
```
#7685de
```
#7685de rgb(118,133,222)
```
#6f80e5
```
#6f80e5 rgb(111,128,229)
```
#697ceb
```
#697ceb rgb(105,124,235)
```
#6277f2
```
#6277f2 rgb(98,119,242)
```
#5c73f8
```
#5c73f8 rgb(92,115,248)
```
#556eff
```
#556eff rgb(85,110,255)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#1e78fb Protanomaly 1% of men, 0.01% of women
#1e7de7 Deuteranomaly 6% of men, 0.4% of women
#1e83be Tritanomaly 0.01% of the population

#556eff hex color

#556eff Color Information

#556eff Color Conversion

Color Schemes with #556eff

Alternatives to #556eff

#556eff Preview

Shades and Tints of #556eff

Tones of #556eff

Color Blindness Simulator