#5562bf hex color

In a RGB color space, hex #5562bf is composed of 33.3% red, 38.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 48.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 232.6 degrees, a saturation of 45.3% and a lightness of 54.1%. #5562bf color hex could be obtained by blending #aac4ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 75
RGB color chart
- C 55
- M 49
- Y 0
- K 25
CMYK color chart

● #5562bf color description : Moderate blue.

The hexadecimal color #5562bf has RGB values of R:85, G:98, B:191 and CMYK values of C:0.55, M:0.49, Y:0, K:0.25. Its decimal value is 5595839.

Hex triplet	5562bf	`#5562bf`
RGB Decimal	85, 98, 191	`rgb(85,98,191)`
RGB Percent	33.3, 38.4, 74.9	`rgb(33.3%,38.4%,74.9%)`
CMYK	55, 49, 0, 25
HSL	232.6°, 45.3, 54.1	`hsl(232.6,45.3%,54.1%)`
HSV (or HSB)	232.6°, 55.5, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.84, 22.294, -50.577
XYZ	17.516, 14.427, 51.149
xyY	0.211, 0.174, 14.427
CIE-LCH	44.84, 55.273, 293.788
CIE-LUV	44.84, -9.893, -77.609
Hunter-Lab	37.984, 15.844, -53.252
Binary	01010101, 01100010, 10111111

#5562bf
```
#5562bf rgb(85,98,191)
```
#bfb255
```
#bfb255 rgb(191,178,85)
```

Complementary Color

#5597bf
```
#5597bf rgb(85,151,191)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#7d55bf
```
#7d55bf rgb(125,85,191)
```

Analogous Color

#97bf55
```
#97bf55 rgb(151,191,85)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#bf7d55
```
#bf7d55 rgb(191,125,85)
```

Split Complementary Color

#62bf55
```
#62bf55 rgb(98,191,85)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#bf5562
```
#bf5562 rgb(191,85,98)
```

Triadic Color

#55bfb2
```
#55bfb2 rgb(85,191,178)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#bf5562
```
#bf5562 rgb(191,85,98)
```
#bfb255
```
#bfb255 rgb(191,178,85)
```

Tetradic Color

#374291
```
#374291 rgb(55,66,145)
```
#3e4aa3
```
#3e4aa3 rgb(62,74,163)
```
#4552b6
```
#4552b6 rgb(69,82,182)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#6873c6
```
#6873c6 rgb(104,115,198)
```
#7a84cd
```
#7a84cd rgb(122,132,205)
```
#8d95d4
```
#8d95d4 rgb(141,149,212)
```

Monochromatic Color

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

#557dbf
```
#557dbf rgb(85,125,191)
```
#5574bf
```
#5574bf rgb(85,116,191)
```
#556bbf
```
#556bbf rgb(85,107,191)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#5559bf
```
#5559bf rgb(85,89,191)
```
#5a55bf
```
#5a55bf rgb(90,85,191)
```
#6255bf
```
#6255bf rgb(98,85,191)
```

Similar Colors

Text with hexadecimal color #5562bf

This text has a font color of #5562bf.

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

#5562bf background color

This paragraph has a background color of #5562bf.

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

#5562bf border color

This element has a border color of #5562bf.

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

CSS codes

.text {color:#5562bf;}

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

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

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 #f2f3fa is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0d1e
```
#0b0d1e rgb(11,13,30)
```
#10142c
```
#10142c rgb(16,20,44)
```
#161a3a
```
#161a3a rgb(22,26,58)
```
#1b2148
```
#1b2148 rgb(27,33,72)
```
#212757
```
#212757 rgb(33,39,87)
```
#262e65
```
#262e65 rgb(38,46,101)
```
#2b3473
```
#2b3473 rgb(43,52,115)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#364190
```
#364190 rgb(54,65,144)
```
#3b479e
```
#3b479e rgb(59,71,158)
```
#414eac
```
#414eac rgb(65,78,172)
```

Shade Color Variation

#4755ba
```
#4755ba rgb(71,85,186)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#636fc4
```
#636fc4 rgb(99,111,196)
```
#727cca
```
#727cca rgb(114,124,202)
```
#8089cf
```
#8089cf rgb(128,137,207)
```
#8e97d4
```
#8e97d4 rgb(142,151,212)
```
#9ca4da
```
#9ca4da rgb(156,164,218)
```
#abb1df
```
#abb1df rgb(171,177,223)
```
#b9bee5
```
#b9bee5 rgb(185,190,229)
```
#c7cbea
```
#c7cbea rgb(199,203,234)
```
#d5d8ef
```
#d5d8ef rgb(213,216,239)
```
#e4e6f5
```
#e4e6f5 rgb(228,230,245)
```
#f2f3fa
```
#f2f3fa rgb(242,243,250)
```

Tint Color Variation

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

#828492
```
#828492 rgb(130,132,146)
```
#797d9b
```
#797d9b rgb(121,125,155)
```
#7076a4
```
#7076a4 rgb(112,118,164)
```
#6770ad
```
#6770ad rgb(103,112,173)
```
#5e69b6
```
#5e69b6 rgb(94,105,182)
```
#5562bf
```
#5562bf rgb(85,98,191)
```
#4c5bc8
```
#4c5bc8 rgb(76,91,200)
```
#4354d1
```
#4354d1 rgb(67,84,209)
```
#3a4eda
```
#3a4eda rgb(58,78,218)
```
#3147e3
```
#3147e3 rgb(49,71,227)
```
#2840ec
```
#2840ec rgb(40,64,236)
```
#1f39f5
```
#1f39f5 rgb(31,57,245)
```
#1632fe
```
#1632fe rgb(22,50,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#65687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6ec6 Protanopia 1% of men
#2273be Deuteranopia 1% of men
#3e7a83 Tritanopia 0.001% of the population

Trichromacy

#476ac3 Protanomaly 1% of men, 0.01% of women
#346dbe Deuteranomaly 6% of men, 0.4% of women
#467198 Tritanomaly 0.01% of the population

#5562bf hex color

#5562bf Color Information

#5562bf Color Conversion

Color Schemes with #5562bf

Alternatives to #5562bf

#5562bf Preview

Shades and Tints of #5562bf

Tones of #5562bf

Color Blindness Simulator