#556ee6 hex color

In a RGB color space, hex #556ee6 is composed of 33.3% red, 43.1% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 52.2% magenta, 0% yellow and 9.8% black. It has a hue angle of 229.7 degrees, a saturation of 74.4% and a lightness of 61.8%. #556ee6 color hex could be obtained by blending #aadcff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 43
- B 90
RGB color chart
- C 63
- M 52
- Y 0
- K 10
CMYK color chart

● #556ee6 color description : Soft blue.

The hexadecimal color #556ee6 has RGB values of R:85, G:110, B:230 and CMYK values of C:0.63, M:0.52, Y:0, K:0.1. Its decimal value is 5598950.

Hex triplet	556ee6	`#556ee6`
RGB Decimal	85, 110, 230	`rgb(85,110,230)`
RGB Percent	33.3, 43.1, 90.2	`rgb(33.3%,43.1%,90.2%)`
CMYK	63, 52, 0, 10
HSL	229.7°, 74.4, 61.8	`hsl(229.7,74.4%,61.8%)`
HSV (or HSB)	229.7°, 63, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.447, 27.866, -63.81
XYZ	23.602, 18.795, 77.243
xyY	0.197, 0.157, 18.795
CIE-LCH	50.447, 69.629, 293.591
CIE-LUV	50.447, -14.503, -100.657
Hunter-Lab	43.353, 21.31, -75.29
Binary	01010101, 01101110, 11100110

#556ee6
```
#556ee6 rgb(85,110,230)
```
#e6cd55
```
#e6cd55 rgb(230,205,85)
```

Complementary Color

#55b7e6
```
#55b7e6 rgb(85,183,230)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#8555e6
```
#8555e6 rgb(133,85,230)
```

Analogous Color

#b7e655
```
#b7e655 rgb(183,230,85)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#e68555
```
#e68555 rgb(230,133,85)
```

Split Complementary Color

#6ee655
```
#6ee655 rgb(110,230,85)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#e6556e
```
#e6556e rgb(230,85,110)
```

Triadic Color

#55e6cd
```
#55e6cd rgb(85,230,205)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#e6556e
```
#e6556e rgb(230,85,110)
```
#e6cd55
```
#e6cd55 rgb(230,205,85)
```

Tetradic Color

#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#2948df
```
#2948df rgb(41,72,223)
```
#3f5be3
```
#3f5be3 rgb(63,91,227)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#6b81e9
```
#6b81e9 rgb(107,129,233)
```
#8194ed
```
#8194ed rgb(129,148,237)
```
#98a7f0
```
#98a7f0 rgb(152,167,240)
```

Monochromatic Color

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

#5592e6
```
#5592e6 rgb(85,146,230)
```
#5586e6
```
#5586e6 rgb(85,134,230)
```
#557ae6
```
#557ae6 rgb(85,122,230)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#5562e6
```
#5562e6 rgb(85,98,230)
```
#5556e6
```
#5556e6 rgb(85,86,230)
```
#6055e6
```
#6055e6 rgb(96,85,230)
```

Similar Colors

Text with hexadecimal color #556ee6

This text has a font color of #556ee6.

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

#556ee6 background color

This paragraph has a background color of #556ee6.

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

#556ee6 border color

This element has a border color of #556ee6.

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

CSS codes

.text {color:#556ee6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#050a23
```
#050a23 rgb(5,10,35)
```
#080f34
```
#080f34 rgb(8,15,52)
```
#0a1445
```
#0a1445 rgb(10,20,69)
```
#0d1957
```
#0d1957 rgb(13,25,87)
```
#0f1e68
```
#0f1e68 rgb(15,30,104)
```
#122479
```
#122479 rgb(18,36,121)
```
#14298a
```
#14298a rgb(20,41,138)
```
#172e9b
```
#172e9b rgb(23,46,155)
```
#1933ac
```
#1933ac rgb(25,51,172)
```
#1c38bd
```
#1c38bd rgb(28,56,189)
```
#1e3dce
```
#1e3dce rgb(30,61,206)
```

Shade Color Variation

#2242de
```
#2242de rgb(34,66,222)
```
#3351e1
```
#3351e1 rgb(51,81,225)
```
#445fe3
```
#445fe3 rgb(68,95,227)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#667de9
```
#667de9 rgb(102,125,233)
```
#778beb
```
#778beb rgb(119,139,235)
```
#889aee
```
#889aee rgb(136,154,238)
```
#99a8f0
```
#99a8f0 rgb(153,168,240)
```
#abb7f3
```
#abb7f3 rgb(171,183,243)
```
#bcc6f5
```
#bcc6f5 rgb(188,198,245)
```
#cdd4f8
```
#cdd4f8 rgb(205,212,248)
```
#dee3fa
```
#dee3fa rgb(222,227,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999aa3 is the less saturated color, while #3f5ffd is the most saturated one.

#999aa3
```
#999aa3 rgb(153,154,163)
```
#9195aa
```
#9195aa rgb(145,149,170)
```
#8a90b2
```
#8a90b2 rgb(138,144,178)
```
#828bb9
```
#828bb9 rgb(130,139,185)
```
#7b87c1
```
#7b87c1 rgb(123,135,193)
```
#7382c8
```
#7382c8 rgb(115,130,200)
```
#6c7dd0
```
#6c7dd0 rgb(108,125,208)
```
#6478d7
```
#6478d7 rgb(100,120,215)
```
#5d73df
```
#5d73df rgb(93,115,223)
```
#556ee6
```
#556ee6 rgb(85,110,230)
```
#4e69ee
```
#4e69ee rgb(78,105,238)
```
#4664f5
```
#4664f5 rgb(70,100,245)
```
#3f5ffd
```
#3f5ffd rgb(63,95,253)
```

Tone Color Variation

Below, you can see how #556ee6 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
#6e738b Atypical Achromatopsia 0.001% of the population

Dichromacy

#297bec Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#0b8b95 Tritanopia 0.001% of the population

Trichromacy

#3976ea Protanomaly 1% of men, 0.01% of women
#1e7adb Deuteranomaly 6% of men, 0.4% of women
#2680b2 Tritanomaly 0.01% of the population

#556ee6 hex color

#556ee6 Color Information

#556ee6 Color Conversion

Color Schemes with #556ee6

Alternatives to #556ee6

#556ee6 Preview

Shades and Tints of #556ee6

Tones of #556ee6

Color Blindness Simulator