#5680bd hex color

In a RGB color space, hex #5680bd is composed of 33.7% red, 50.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 32.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 215.5 degrees, a saturation of 43.8% and a lightness of 53.9%. #5680bd color hex could be obtained by blending #acffff with #00017b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 50
- B 74
RGB color chart
- C 54
- M 32
- Y 0
- K 26
CMYK color chart

● #5680bd color description : Moderate blue.

The hexadecimal color #5680bd has RGB values of R:86, G:128, B:189 and CMYK values of C:0.54, M:0.32, Y:0, K:0.26. Its decimal value is 5669053.

Hex triplet	5680bd	`#5680bd`
RGB Decimal	86, 128, 189	`rgb(86,128,189)`
RGB Percent	33.7, 50.2, 74.1	`rgb(33.7%,50.2%,74.1%)`
CMYK	54, 32, 0, 26
HSL	215.5°, 43.8, 53.9	`hsl(215.5,43.8%,53.9%)`
HSV (or HSB)	215.5°, 54.5, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.048, 3.4, -36.395
XYZ	20.74, 21.09, 51.119
xyY	0.223, 0.227, 21.09
CIE-LCH	53.048, 36.554, 275.338
CIE-LUV	53.048, -19.782, -56.082
Hunter-Lab	45.924, 0.248, -33.851
Binary	01010110, 10000000, 10111101

#5680bd
```
#5680bd rgb(86,128,189)
```
#bd9356
```
#bd9356 rgb(189,147,86)
```

Complementary Color

#56b4bd
```
#56b4bd rgb(86,180,189)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#6056bd
```
#6056bd rgb(96,86,189)
```

Analogous Color

#b4bd56
```
#b4bd56 rgb(180,189,86)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#bd6056
```
#bd6056 rgb(189,96,86)
```

Split Complementary Color

#80bd56
```
#80bd56 rgb(128,189,86)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#bd5680
```
#bd5680 rgb(189,86,128)
```

Triadic Color

#56bd93
```
#56bd93 rgb(86,189,147)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#bd5680
```
#bd5680 rgb(189,86,128)
```
#bd9356
```
#bd9356 rgb(189,147,86)
```

Tetradic Color

#385b8f
```
#385b8f rgb(56,91,143)
```
#3f67a1
```
#3f67a1 rgb(63,103,161)
```
#4673b3
```
#4673b3 rgb(70,115,179)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#688ec4
```
#688ec4 rgb(104,142,196)
```
#7b9ccb
```
#7b9ccb rgb(123,156,203)
```
#8da9d2
```
#8da9d2 rgb(141,169,210)
```

Monochromatic Color

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

#569abd
```
#569abd rgb(86,154,189)
```
#5691bd
```
#5691bd rgb(86,145,189)
```
#5689bd
```
#5689bd rgb(86,137,189)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#5677bd
```
#5677bd rgb(86,119,189)
```
#566fbd
```
#566fbd rgb(86,111,189)
```
#5666bd
```
#5666bd rgb(86,102,189)
```

Similar Colors

Text with hexadecimal color #5680bd

This text has a font color of #5680bd.

<span style="color:#5680bd;">Text here</span>

#5680bd background color

This paragraph has a background color of #5680bd.

<p style="background-color:#5680bd;">Content here</p>

#5680bd border color

This element has a border color of #5680bd.

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

CSS codes

.text {color:#5680bd;}

.background {background-color:#5680bd;}

.border {border:1px solid #5680bd;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06090e
```
#06090e rgb(6,9,14)
```
#0b121c
```
#0b121c rgb(11,18,28)
```
#111b2b
```
#111b2b rgb(17,27,43)
```
#162439
```
#162439 rgb(22,36,57)
```
#1c2d47
```
#1c2d47 rgb(28,45,71)
```
#213655
```
#213655 rgb(33,54,85)
```
#273f63
```
#273f63 rgb(39,63,99)
```
#2c4871
```
#2c4871 rgb(44,72,113)
```
#32517f
```
#32517f rgb(50,81,127)
```
#375a8d
```
#375a8d rgb(55,90,141)
```
#3d639b
```
#3d639b rgb(61,99,155)
```
#426caa
```
#426caa rgb(66,108,170)
```

Shade Color Variation

#4875b7
```
#4875b7 rgb(72,117,183)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#648bc3
```
#648bc3 rgb(100,139,195)
```
#7295c8
```
#7295c8 rgb(114,149,200)
```
#80a0ce
```
#80a0ce rgb(128,160,206)
```
#8eaad3
```
#8eaad3 rgb(142,170,211)
```
#9db5d9
```
#9db5d9 rgb(157,181,217)
```
#abc0de
```
#abc0de rgb(171,192,222)
```
#b9cae4
```
#b9cae4 rgb(185,202,228)
```
#c7d5e9
```
#c7d5e9 rgb(199,213,233)
```
#d5dfef
```
#d5dfef rgb(213,223,239)
```
#e3eaf4
```
#e3eaf4 rgb(227,234,244)
```
#f1f5fa
```
#f1f5fa rgb(241,245,250)
```

Tint Color Variation

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

#838890
```
#838890 rgb(131,136,144)
```
#7a8799
```
#7a8799 rgb(122,135,153)
```
#7185a2
```
#7185a2 rgb(113,133,162)
```
#6883ab
```
#6883ab rgb(104,131,171)
```
#5f82b4
```
#5f82b4 rgb(95,130,180)
```
#5680bd
```
#5680bd rgb(86,128,189)
```
#4d7ec6
```
#4d7ec6 rgb(77,126,198)
```
#447dcf
```
#447dcf rgb(68,125,207)
```
#3b7bd8
```
#3b7bd8 rgb(59,123,216)
```
#3279e1
```
#3279e1 rgb(50,121,225)
```
#2978ea
```
#2978ea rgb(41,120,234)
```
#2076f3
```
#2076f3 rgb(32,118,243)
```
#1774fc
```
#1774fc rgb(23,116,252)
```

Tone Color Variation

Below, you can see how #5680bd 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

#7a7a7a Achromatopsia 0.005% of the population
#737b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7083be Protanopia 1% of men
#6784c1 Deuteranopia 1% of men
#4c8e99 Tritanopia 0.001% of the population

Trichromacy

#6682bd Protanomaly 1% of men, 0.01% of women
#6083bf Deuteranomaly 6% of men, 0.4% of women
#4f89a6 Tritanomaly 0.01% of the population

#5680bd hex color

#5680bd Color Information

#5680bd Color Conversion

Color Schemes with #5680bd

Alternatives to #5680bd

#5680bd Preview

Shades and Tints of #5680bd

Tones of #5680bd

Color Blindness Simulator