#5562ce hex color

In a RGB color space, hex #5562ce is composed of 33.3% red, 38.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 52.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 233.6 degrees, a saturation of 55.3% and a lightness of 57.1%. #5562ce color hex could be obtained by blending #aac4ff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 81
RGB color chart
- C 59
- M 52
- Y 0
- K 19
CMYK color chart

● #5562ce color description : Moderate blue.

The hexadecimal color #5562ce has RGB values of R:85, G:98, B:206 and CMYK values of C:0.59, M:0.52, Y:0, K:0.19. Its decimal value is 5595854.

Hex triplet	5562ce	`#5562ce`
RGB Decimal	85, 98, 206	`rgb(85,98,206)`
RGB Percent	33.3, 38.4, 80.8	`rgb(33.3%,38.4%,80.8%)`
CMYK	59, 52, 0, 19
HSL	233.6°, 55.3, 57.1	`hsl(233.6,55.3%,57.1%)`
HSV (or HSB)	233.6°, 58.7, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.801, 27.259, -57.682
XYZ	19.252, 15.122, 60.293
xyY	0.203, 0.16, 15.122
CIE-LCH	45.801, 63.799, 295.294
CIE-LUV	45.801, -10.405, -89.06
Hunter-Lab	38.887, 20.32, -64.707
Binary	01010101, 01100010, 11001110

#5562ce
```
#5562ce rgb(85,98,206)
```
#cec155
```
#cec155 rgb(206,193,85)
```

Complementary Color

#559fce
```
#559fce rgb(85,159,206)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#8555ce
```
#8555ce rgb(133,85,206)
```

Analogous Color

#9fce55
```
#9fce55 rgb(159,206,85)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#ce8555
```
#ce8555 rgb(206,133,85)
```

Split Complementary Color

#62ce55
```
#62ce55 rgb(98,206,85)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#ce5562
```
#ce5562 rgb(206,85,98)
```

Triadic Color

#55cec1
```
#55cec1 rgb(85,206,193)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#ce5562
```
#ce5562 rgb(206,85,98)
```
#cec155
```
#cec155 rgb(206,193,85)
```

Tetradic Color

#303da7
```
#303da7 rgb(48,61,167)
```
#3644ba
```
#3644ba rgb(54,68,186)
```
#4150c8
```
#4150c8 rgb(65,80,200)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#6974d4
```
#6974d4 rgb(105,116,212)
```
#7d87d9
```
#7d87d9 rgb(125,135,217)
```
#9099df
```
#9099df rgb(144,153,223)
```

Monochromatic Color

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

#5580ce
```
#5580ce rgb(85,128,206)
```
#5576ce
```
#5576ce rgb(85,118,206)
```
#556cce
```
#556cce rgb(85,108,206)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#5558ce
```
#5558ce rgb(85,88,206)
```
#5c55ce
```
#5c55ce rgb(92,85,206)
```
#6655ce
```
#6655ce rgb(102,85,206)
```

Similar Colors

Text with hexadecimal color #5562ce

This text has a font color of #5562ce.

<span style="color:#5562ce;">Text here</span>

#5562ce background color

This paragraph has a background color of #5562ce.

<p style="background-color:#5562ce;">Content here</p>

#5562ce border color

This element has a border color of #5562ce.

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

CSS codes

.text {color:#5562ce;}

.background {background-color:#5562ce;}

.border {border:1px solid #5562ce;}

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, #04050d is the darkest color, while #fcfdfe is the lightest one.

#04050d
```
#04050d rgb(4,5,13)
```
#080a1c
```
#080a1c rgb(8,10,28)
```
#0c102b
```
#0c102b rgb(12,16,43)
```
#11153a
```
#11153a rgb(17,21,58)
```
#151b4a
```
#151b4a rgb(21,27,74)
```
#1a2059
```
#1a2059 rgb(26,32,89)
```
#1e2668
```
#1e2668 rgb(30,38,104)
```
#222c77
```
#222c77 rgb(34,44,119)
```
#273187
```
#273187 rgb(39,49,135)
```
#2b3796
```
#2b3796 rgb(43,55,150)
```
#303ca5
```
#303ca5 rgb(48,60,165)
```
#3442b4
```
#3442b4 rgb(52,66,180)
```
#3847c3
```
#3847c3 rgb(56,71,195)
```

Shade Color Variation

#4654ca
```
#4654ca rgb(70,84,202)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#6470d2
```
#6470d2 rgb(100,112,210)
```
#737ed7
```
#737ed7 rgb(115,126,215)
```
#838cdb
```
#838cdb rgb(131,140,219)
```
#929ae0
```
#929ae0 rgb(146,154,224)
```
#a1a8e4
```
#a1a8e4 rgb(161,168,228)
```
#b0b6e8
```
#b0b6e8 rgb(176,182,232)
```
#c0c4ed
```
#c0c4ed rgb(192,196,237)
```
#cfd2f1
```
#cfd2f1 rgb(207,210,241)
```
#dee1f5
```
#dee1f5 rgb(222,225,245)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#909093
```
#909093 rgb(144,144,147)
```
#888a9b
```
#888a9b rgb(136,138,155)
```
#7f83a4
```
#7f83a4 rgb(127,131,164)
```
#777cac
```
#777cac rgb(119,124,172)
```
#6e76b5
```
#6e76b5 rgb(110,118,181)
```
#666fbd
```
#666fbd rgb(102,111,189)
```
#5d69c6
```
#5d69c6 rgb(93,105,198)
```
#5562ce
```
#5562ce rgb(85,98,206)
```
#4d5bd6
```
#4d5bd6 rgb(77,91,214)
```
#4455df
```
#4455df rgb(68,85,223)
```
#3c4ee7
```
#3c4ee7 rgb(60,78,231)
```
#3348f0
```
#3348f0 rgb(51,72,240)
```
#2b41f8
```
#2b41f8 rgb(43,65,248)
```

Tone Color Variation

Below, you can see how #5562ce 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

#6a6a6a Achromatopsia 0.005% of the population
#66687e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a70d6 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#327d86 Tritanopia 0.001% of the population

Trichromacy

#396bd3 Protanomaly 1% of men, 0.01% of women
#1e6ec7 Deuteranomaly 6% of men, 0.4% of women
#3f73a0 Tritanomaly 0.01% of the population

#5562ce hex color

#5562ce Color Information

#5562ce Color Conversion

Color Schemes with #5562ce

Alternatives to #5562ce

#5562ce Preview

Shades and Tints of #5562ce

Tones of #5562ce

Color Blindness Simulator