#5681cb hex color

In a RGB color space, hex #5681cb is composed of 33.7% red, 50.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 36.5% magenta, 0% yellow and 20.4% black. It has a hue angle of 217.9 degrees, a saturation of 52.9% and a lightness of 56.7%. #5681cb color hex could be obtained by blending #acffff with #000397. Closest websafe color is: #6699cc.

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

● #5681cb color description : Moderate blue.

The hexadecimal color #5681cb has RGB values of R:86, G:129, B:203 and CMYK values of C:0.58, M:0.36, Y:0, K:0.2. Its decimal value is 5669323.

Hex triplet	5681cb	`#5681cb`
RGB Decimal	86, 129, 203	`rgb(86,129,203)`
RGB Percent	33.7, 50.6, 79.6	`rgb(33.7%,50.6%,79.6%)`
CMYK	58, 36, 0, 20
HSL	217.9°, 52.9, 56.7	`hsl(217.9,52.9%,56.7%)`
HSV (or HSB)	217.9°, 57.6, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.016, 7.351, -42.847
XYZ	22.465, 21.989, 59.557
xyY	0.216, 0.211, 21.989
CIE-LCH	54.016, 43.473, 279.735
CIE-LUV	54.016, -20.086, -67.144
Hunter-Lab	46.893, 3.452, -42.477
Binary	01010110, 10000001, 11001011

#5681cb
```
#5681cb rgb(86,129,203)
```
#cba056
```
#cba056 rgb(203,160,86)
```

Complementary Color

#56bccb
```
#56bccb rgb(86,188,203)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#6656cb
```
#6656cb rgb(102,86,203)
```

Analogous Color

#bccb56
```
#bccb56 rgb(188,203,86)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#cb6656
```
#cb6656 rgb(203,102,86)
```

Split Complementary Color

#81cb56
```
#81cb56 rgb(129,203,86)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#cb5681
```
#cb5681 rgb(203,86,129)
```

Triadic Color

#56cba0
```
#56cba0 rgb(86,203,160)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#cb5681
```
#cb5681 rgb(203,86,129)
```
#cba056
```
#cba056 rgb(203,160,86)
```

Tetradic Color

#325ba3
```
#325ba3 rgb(50,91,163)
```
#3866b6
```
#3866b6 rgb(56,102,182)
```
#4372c5
```
#4372c5 rgb(67,114,197)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#6a90d1
```
#6a90d1 rgb(106,144,209)
```
#7d9ed7
```
#7d9ed7 rgb(125,158,215)
```
#91addd
```
#91addd rgb(145,173,221)
```

Monochromatic Color

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

#569ecb
```
#569ecb rgb(86,158,203)
```
#5695cb
```
#5695cb rgb(86,149,203)
```
#568bcb
```
#568bcb rgb(86,139,203)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#5677cb
```
#5677cb rgb(86,119,203)
```
#566ecb
```
#566ecb rgb(86,110,203)
```
#5664cb
```
#5664cb rgb(86,100,203)
```

Similar Colors

Text with hexadecimal color #5681cb

This text has a font color of #5681cb.

<span style="color:#5681cb;">Text here</span>

#5681cb background color

This paragraph has a background color of #5681cb.

<p style="background-color:#5681cb;">Content here</p>

#5681cb border color

This element has a border color of #5681cb.

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

CSS codes

.text {color:#5681cb;}

.background {background-color:#5681cb;}

.border {border:1px solid #5681cb;}

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, #03060b is the darkest color, while #fbfcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#080f1a
```
#080f1a rgb(8,15,26)
```
#0d1729
```
#0d1729 rgb(13,23,41)
```
#111f38
```
#111f38 rgb(17,31,56)
```
#162847
```
#162847 rgb(22,40,71)
```
#1a3056
```
#1a3056 rgb(26,48,86)
```
#1f3965
```
#1f3965 rgb(31,57,101)
```
#244174
```
#244174 rgb(36,65,116)
```
#284a83
```
#284a83 rgb(40,74,131)
```
#2d5292
```
#2d5292 rgb(45,82,146)
```
#325ba1
```
#325ba1 rgb(50,91,161)
```
#3663b0
```
#3663b0 rgb(54,99,176)
```
#3b6bbf
```
#3b6bbf rgb(59,107,191)
```

Shade Color Variation

#4776c6
```
#4776c6 rgb(71,118,198)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#658cd0
```
#658cd0 rgb(101,140,208)
```
#7497d4
```
#7497d4 rgb(116,151,212)
```
#83a3d9
```
#83a3d9 rgb(131,163,217)
```
#92aedd
```
#92aedd rgb(146,174,221)
```
#a1b9e2
```
#a1b9e2 rgb(161,185,226)
```
#b0c4e7
```
#b0c4e7 rgb(176,196,231)
```
#bfcfeb
```
#bfcfeb rgb(191,207,235)
```
#cedaf0
```
#cedaf0 rgb(206,218,240)
```
#dde6f5
```
#dde6f5 rgb(221,230,245)
```
#ecf1f9
```
#ecf1f9 rgb(236,241,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#898f98
```
#898f98 rgb(137,143,152)
```
#818ca1
```
#818ca1 rgb(129,140,161)
```
#788aa9
```
#788aa9 rgb(120,138,169)
```
#7088b2
```
#7088b2 rgb(112,136,178)
```
#6786ba
```
#6786ba rgb(103,134,186)
```
#5f83c3
```
#5f83c3 rgb(95,131,195)
```
#5681cb
```
#5681cb rgb(86,129,203)
```
#4e7fd4
```
#4e7fd4 rgb(78,127,212)
```
#457cdc
```
#457cdc rgb(69,124,220)
```
#3d7ae5
```
#3d7ae5 rgb(61,122,229)
```
#3478ed
```
#3478ed rgb(52,120,237)
```
#2c76f6
```
#2c76f6 rgb(44,118,246)
```
#2373fe
```
#2373fe rgb(35,115,254)
```

Tone Color Variation

Below, you can see how #5681cb 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

#7d7d7d Achromatopsia 0.005% of the population
#757e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b85cc Protanopia 1% of men
#5d87cd Deuteranopia 1% of men
#44929c Tritanopia 0.001% of the population

Trichromacy

#6383cb Protanomaly 1% of men, 0.01% of women
#5a85cc Deuteranomaly 6% of men, 0.4% of women
#4a8bad Tritanomaly 0.01% of the population

#5681cb hex color

#5681cb Color Information

#5681cb Color Conversion

Color Schemes with #5681cb

Alternatives to #5681cb

#5681cb Preview

Shades and Tints of #5681cb

Tones of #5681cb

Color Blindness Simulator