colorhexa.com

#5661b0 hex color

In a RGB color space, hex #5661b0 is composed of 33.7% red, 38% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 44.9% magenta, 0% yellow and 31% black. It has a hue angle of 232.7 degrees, a saturation of 36.3% and a lightness of 51.4%. #5661b0 color hex could be obtained by blending #acc2ff with #000061. Closest websafe color is: #666699.

- R 34
- G 38
- B 69
RGB color chart
- C 51
- M 45
- Y 0
- K 31
CMYK color chart

● #5661b0 color description : Dark moderate blue.

The hexadecimal color #5661b0 has RGB values of R:86, G:97, B:176 and CMYK values of C:0.51, M:0.45, Y:0, K:0.31. Its decimal value is 5661104.

Hex triplet	5661b0	`#5661b0`
RGB Decimal	86, 97, 176	`rgb(86,97,176)`
RGB Percent	33.7, 38, 69	`rgb(33.7%,38%,69%)`
CMYK	51, 45, 0, 31
HSL	232.7°, 36.3, 51.4	`hsl(232.7,36.3%,51.4%)`
HSV (or HSB)	232.7°, 51.1, 69
Web Safe	666699	`#666699`

CIE-LAB	43.744, 18.257, -43.578
XYZ	15.947, 13.662, 42.869
xyY	0.22, 0.188, 13.662
CIE-LCH	43.744, 47.248, 292.731
CIE-LUV	43.744, -8.708, -66.256
Hunter-Lab	36.962, 12.331, -42.892
Binary	01010110, 01100001, 10110000

#5661b0
```
#5661b0 rgb(86,97,176)
```
#b0a556
```
#b0a556 rgb(176,165,86)
```

Complementary Color

#568eb0
```
#568eb0 rgb(86,142,176)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#7856b0
```
#7856b0 rgb(120,86,176)
```

Analogous Color

#8eb056
```
#8eb056 rgb(142,176,86)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#b07856
```
#b07856 rgb(176,120,86)
```

Split Complementary Color

#61b056
```
#61b056 rgb(97,176,86)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#b05661
```
#b05661 rgb(176,86,97)
```

Triadic Color

#56b0a5
```
#56b0a5 rgb(86,176,165)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#b05661
```
#b05661 rgb(176,86,97)
```
#b0a556
```
#b0a556 rgb(176,165,86)
```

Tetradic Color

#3b437e
```
#3b437e rgb(59,67,126)
```
#434d90
```
#434d90 rgb(67,77,144)
```
#4b56a1
```
#4b56a1 rgb(75,86,161)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#6771b8
```
#6771b8 rgb(103,113,184)
```
#7981c0
```
#7981c0 rgb(121,129,192)
```
#8a92c8
```
#8a92c8 rgb(138,146,200)
```

Monochromatic Color

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

#5678b0
```
#5678b0 rgb(86,120,176)
```
#5670b0
```
#5670b0 rgb(86,112,176)
```
#5669b0
```
#5669b0 rgb(86,105,176)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#565ab0
```
#565ab0 rgb(86,90,176)
```
#5a56b0
```
#5a56b0 rgb(90,86,176)
```
#6256b0
```
#6256b0 rgb(98,86,176)
```

Similar Colors

Text with hexadecimal color #5661b0

This text has a font color of #5661b0.

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

#5661b0 background color

This paragraph has a background color of #5661b0.

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

#5661b0 border color

This element has a border color of #5661b0.

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

CSS codes

.text {color:#5661b0;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a12
```
#080a12 rgb(8,10,18)
```
#0f1120
```
#0f1120 rgb(15,17,32)
```
#15182d
```
#15182d rgb(21,24,45)
```
#1b1f3a
```
#1b1f3a rgb(27,31,58)
```
#212648
```
#212648 rgb(33,38,72)
```
#282d55
```
#282d55 rgb(40,45,85)
```
#2e3462
```
#2e3462 rgb(46,52,98)
```
#343b70
```
#343b70 rgb(52,59,112)
```
#3a437d
```
#3a437d rgb(58,67,125)
```
#414a8a
```
#414a8a rgb(65,74,138)
```
#475198
```
#475198 rgb(71,81,152)
```
#4d58a5
```
#4d58a5 rgb(77,88,165)
```

Shade Color Variation

#5661b0
```
#5661b0 rgb(86,97,176)
```
#636db6
```
#636db6 rgb(99,109,182)
```
#717abc
```
#717abc rgb(113,122,188)
```
#7e86c3
```
#7e86c3 rgb(126,134,195)
```
#8b93c9
```
#8b93c9 rgb(139,147,201)
```
#999fcf
```
#999fcf rgb(153,159,207)
```
#a6acd5
```
#a6acd5 rgb(166,172,213)
```
#b4b8dc
```
#b4b8dc rgb(180,184,220)
```
#c1c5e2
```
#c1c5e2 rgb(193,197,226)
```
#ced1e8
```
#ced1e8 rgb(206,209,232)
```
#dcdeee
```
#dcdeee rgb(220,222,238)
```
#e9eaf5
```
#e9eaf5 rgb(233,234,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8a is the less saturated color, while #0a27fc is the most saturated one.

#7c7e8a
```
#7c7e8a rgb(124,126,138)
```
#737793
```
#737793 rgb(115,119,147)
```
#696f9d
```
#696f9d rgb(105,111,157)
```
#6068a6
```
#6068a6 rgb(96,104,166)
```
#5661b0
```
#5661b0 rgb(86,97,176)
```
#4c5aba
```
#4c5aba rgb(76,90,186)
```
#4353c3
```
#4353c3 rgb(67,83,195)
```
#394bcd
```
#394bcd rgb(57,75,205)
```
#3044d6
```
#3044d6 rgb(48,68,214)
```
#263de0
```
#263de0 rgb(38,61,224)
```
#1d36e9
```
#1d36e9 rgb(29,54,233)
```
#132ff3
```
#132ff3 rgb(19,47,243)
```
#0a27fc
```
#0a27fc rgb(10,39,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#646676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b6cb7 Protanopia 1% of men
#3d70b1 Deuteranopia 1% of men
#48767e Tritanopia 0.001% of the population

Trichromacy

#4f68b4 Protanomaly 1% of men, 0.01% of women
#466ab0 Deuteranomaly 6% of men, 0.4% of women
#4d6e90 Tritanomaly 0.01% of the population