#5661cc hex color

In a RGB color space, hex #5661cc is composed of 33.7% red, 38% green and 80% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 52.5% magenta, 0% yellow and 20% black. It has a hue angle of 234.4 degrees, a saturation of 53.6% and a lightness of 56.9%. #5661cc color hex could be obtained by blending #acc2ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 38
- B 80
RGB color chart
- C 58
- M 52
- Y 0
- K 20
CMYK color chart

● #5661cc color description : Moderate blue.

The hexadecimal color #5661cc has RGB values of R:86, G:97, B:204 and CMYK values of C:0.58, M:0.52, Y:0, K:0.2. Its decimal value is 5661132.

Hex triplet	5661cc	`#5661cc`
RGB Decimal	86, 97, 204	`rgb(86,97,204)`
RGB Percent	33.7, 38, 80	`rgb(33.7%,38%,80%)`
CMYK	58, 52, 0, 20
HSL	234.4°, 53.6, 56.9	`hsl(234.4,53.6%,56.9%)`
HSV (or HSB)	234.4°, 57.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.478, 27.408, -57.051
XYZ	19.009, 14.887, 58.995
xyY	0.205, 0.16, 14.887
CIE-LCH	45.478, 63.293, 295.66
CIE-LUV	45.478, -9.751, -87.974
Hunter-Lab	38.583, 20.424, -63.648
Binary	01010110, 01100001, 11001100

#5661cc
```
#5661cc rgb(86,97,204)
```
#ccc156
```
#ccc156 rgb(204,193,86)
```

Complementary Color

#569ccc
```
#569ccc rgb(86,156,204)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#8656cc
```
#8656cc rgb(134,86,204)
```

Analogous Color

#9ccc56
```
#9ccc56 rgb(156,204,86)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#cc8656
```
#cc8656 rgb(204,134,86)
```

Split Complementary Color

#61cc56
```
#61cc56 rgb(97,204,86)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#cc5661
```
#cc5661 rgb(204,86,97)
```

Triadic Color

#56ccc1
```
#56ccc1 rgb(86,204,193)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#cc5661
```
#cc5661 rgb(204,86,97)
```
#ccc156
```
#ccc156 rgb(204,193,86)
```

Tetradic Color

#313ca4
```
#313ca4 rgb(49,60,164)
```
#3743b8
```
#3743b8 rgb(55,67,184)
```
#424fc6
```
#424fc6 rgb(66,79,198)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#6a73d2
```
#6a73d2 rgb(106,115,210)
```
#7d86d8
```
#7d86d8 rgb(125,134,216)
```
#9198de
```
#9198de rgb(145,152,222)
```

Monochromatic Color

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

#567fcc
```
#567fcc rgb(86,127,204)
```
#5675cc
```
#5675cc rgb(86,117,204)
```
#566bcc
```
#566bcc rgb(86,107,204)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#5657cc
```
#5657cc rgb(86,87,204)
```
#5f56cc
```
#5f56cc rgb(95,86,204)
```
#6956cc
```
#6956cc rgb(105,86,204)
```

Similar Colors

Text with hexadecimal color #5661cc

This text has a font color of #5661cc.

<span style="color:#5661cc;">Text here</span>

#5661cc background color

This paragraph has a background color of #5661cc.

<p style="background-color:#5661cc;">Content here</p>

#5661cc border color

This element has a border color of #5661cc.

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

CSS codes

.text {color:#5661cc;}

.background {background-color:#5661cc;}

.border {border:1px solid #5661cc;}

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#080a1b
```
#080a1b rgb(8,10,27)
```
#0d0f2a
```
#0d0f2a rgb(13,15,42)
```
#111539
```
#111539 rgb(17,21,57)
```
#161a48
```
#161a48 rgb(22,26,72)
```
#1a2057
```
#1a2057 rgb(26,32,87)
```
#1f2666
```
#1f2666 rgb(31,38,102)
```
#232b75
```
#232b75 rgb(35,43,117)
```
#283184
```
#283184 rgb(40,49,132)
```
#2c3693
```
#2c3693 rgb(44,54,147)
```
#313ca3
```
#313ca3 rgb(49,60,163)
```
#3641b2
```
#3641b2 rgb(54,65,178)
```
#3a47c1
```
#3a47c1 rgb(58,71,193)
```

Shade Color Variation

#4753c7
```
#4753c7 rgb(71,83,199)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#656fd1
```
#656fd1 rgb(101,111,209)
```
#747dd5
```
#747dd5 rgb(116,125,213)
```
#838bda
```
#838bda rgb(131,139,218)
```
#9299de
```
#9299de rgb(146,153,222)
```
#a1a7e3
```
#a1a7e3 rgb(161,167,227)
```
#b0b6e7
```
#b0b6e7 rgb(176,182,231)
```
#bfc4ec
```
#bfc4ec rgb(191,196,236)
```
#cfd2f0
```
#cfd2f0 rgb(207,210,240)
```
#dee0f5
```
#dee0f5 rgb(222,224,245)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a99 is the less saturated color, while #2338ff is the most saturated one.

#898a99
```
#898a99 rgb(137,138,153)
```
#8083a2
```
#8083a2 rgb(128,131,162)
```
#787daa
```
#787daa rgb(120,125,170)
```
#6f76b3
```
#6f76b3 rgb(111,118,179)
```
#676fbb
```
#676fbb rgb(103,111,187)
```
#5e68c4
```
#5e68c4 rgb(94,104,196)
```
#5661cc
```
#5661cc rgb(86,97,204)
```
#4e5ad4
```
#4e5ad4 rgb(78,90,212)
```
#4553dd
```
#4553dd rgb(69,83,221)
```
#3d4ce5
```
#3d4ce5 rgb(61,76,229)
```
#3445ee
```
#3445ee rgb(52,69,238)
```
#2c3ff6
```
#2c3ff6 rgb(44,63,246)
```
#2338ff
```
#2338ff rgb(35,56,255)
```

Tone Color Variation

Below, you can see how #5661cc 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

#2b6fd4 Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#367c85 Tritanopia 0.001% of the population

Trichromacy

#3a6ad1 Protanomaly 1% of men, 0.01% of women
#1f6dc5 Deuteranomaly 6% of men, 0.4% of women
#41729f Tritanomaly 0.01% of the population

#5661cc hex color

#5661cc Color Information

#5661cc Color Conversion

Color Schemes with #5661cc

Alternatives to #5661cc

#5661cc Preview

Shades and Tints of #5661cc

Tones of #5661cc

Color Blindness Simulator