#5d80c3 hex color

In a RGB color space, hex #5d80c3 is composed of 36.5% red, 50.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 34.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 219.4 degrees, a saturation of 45.9% and a lightness of 56.5%. #5d80c3 color hex could be obtained by blending #baffff with #000187. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 76
RGB color chart
- C 52
- M 34
- Y 0
- K 24
CMYK color chart

● #5d80c3 color description : Moderate blue.

The hexadecimal color #5d80c3 has RGB values of R:93, G:128, B:195 and CMYK values of C:0.52, M:0.34, Y:0, K:0.24. Its decimal value is 6127811.

Hex triplet	5d80c3	`#5d80c3`
RGB Decimal	93, 128, 195	`rgb(93,128,195)`
RGB Percent	36.5, 50.2, 76.5	`rgb(36.5%,50.2%,76.5%)`
CMYK	52, 34, 0, 24
HSL	219.4°, 45.9, 56.5	`hsl(219.4,45.9%,56.5%)`
HSV (or HSB)	219.4°, 52.3, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.712, 6.891, -38.752
XYZ	22.082, 21.705, 54.653
xyY	0.224, 0.22, 21.705
CIE-LCH	53.712, 39.36, 280.083
CIE-LUV	53.712, -17.593, -60.412
Hunter-Lab	46.588, 3.075, -36.941
Binary	01011101, 10000000, 11000011

#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#c3a05d
```
#c3a05d rgb(195,160,93)
```

Complementary Color

#5db3c3
```
#5db3c3 rgb(93,179,195)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#6d5dc3
```
#6d5dc3 rgb(109,93,195)
```

Analogous Color

#b3c35d
```
#b3c35d rgb(179,195,93)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#c36d5d
```
#c36d5d rgb(195,109,93)
```

Split Complementary Color

#80c35d
```
#80c35d rgb(128,195,93)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#c35d80
```
#c35d80 rgb(195,93,128)
```

Triadic Color

#5dc3a0
```
#5dc3a0 rgb(93,195,160)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#c35d80
```
#c35d80 rgb(195,93,128)
```
#c3a05d
```
#c3a05d rgb(195,160,93)
```

Tetradic Color

#395b9a
```
#395b9a rgb(57,91,154)
```
#4065ad
```
#4065ad rgb(64,101,173)
```
#4a71bc
```
#4a71bc rgb(74,113,188)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#708fca
```
#708fca rgb(112,143,202)
```
#829dd1
```
#829dd1 rgb(130,157,209)
```
#95acd8
```
#95acd8 rgb(149,172,216)
```

Monochromatic Color

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

#5d9ac3
```
#5d9ac3 rgb(93,154,195)
```
#5d91c3
```
#5d91c3 rgb(93,145,195)
```
#5d89c3
```
#5d89c3 rgb(93,137,195)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#5d78c3
```
#5d78c3 rgb(93,120,195)
```
#5d6fc3
```
#5d6fc3 rgb(93,111,195)
```
#5d67c3
```
#5d67c3 rgb(93,103,195)
```

Similar Colors

Text with hexadecimal color #5d80c3

This text has a font color of #5d80c3.

<span style="color:#5d80c3;">Text here</span>

#5d80c3 background color

This paragraph has a background color of #5d80c3.

<p style="background-color:#5d80c3;">Content here</p>

#5d80c3 border color

This element has a border color of #5d80c3.

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

CSS codes

.text {color:#5d80c3;}

.background {background-color:#5d80c3;}

.border {border:1px solid #5d80c3;}

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, #04060a is the darkest color, while #fafbfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e18
```
#090e18 rgb(9,14,24)
```
#0e1726
```
#0e1726 rgb(14,23,38)
```
#141f35
```
#141f35 rgb(20,31,53)
```
#192743
```
#192743 rgb(25,39,67)
```
#1e3051
```
#1e3051 rgb(30,48,81)
```
#233860
```
#233860 rgb(35,56,96)
```
#29406e
```
#29406e rgb(41,64,110)
```
#2e497c
```
#2e497c rgb(46,73,124)
```
#33518b
```
#33518b rgb(51,81,139)
```
#395a99
```
#395a99 rgb(57,90,153)
```
#3e62a7
```
#3e62a7 rgb(62,98,167)
```
#436ab6
```
#436ab6 rgb(67,106,182)
```

Shade Color Variation

#4f75be
```
#4f75be rgb(79,117,190)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#6b8bc8
```
#6b8bc8 rgb(107,139,200)
```
#7a96ce
```
#7a96ce rgb(122,150,206)
```
#88a2d3
```
#88a2d3 rgb(136,162,211)
```
#96add8
```
#96add8 rgb(150,173,216)
```
#a5b8de
```
#a5b8de rgb(165,184,222)
```
#b3c3e3
```
#b3c3e3 rgb(179,195,227)
```
#c1cfe8
```
#c1cfe8 rgb(193,207,232)
```
#d0daed
```
#d0daed rgb(208,218,237)
```
#dee5f3
```
#dee5f3 rgb(222,229,243)
```
#ecf0f8
```
#ecf0f8 rgb(236,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888d98 is the less saturated color, while #216dff is the most saturated one.

#888d98
```
#888d98 rgb(136,141,152)
```
#7f8ba1
```
#7f8ba1 rgb(127,139,161)
```
#7788a9
```
#7788a9 rgb(119,136,169)
```
#6e85b2
```
#6e85b2 rgb(110,133,178)
```
#6683ba
```
#6683ba rgb(102,131,186)
```
#5d80c3
```
#5d80c3 rgb(93,128,195)
```
#547dcc
```
#547dcc rgb(84,125,204)
```
#4c7bd4
```
#4c7bd4 rgb(76,123,212)
```
#4378dd
```
#4378dd rgb(67,120,221)
```
#3b75e5
```
#3b75e5 rgb(59,117,229)
```
#3273ee
```
#3273ee rgb(50,115,238)
```
#2a70f6
```
#2a70f6 rgb(42,112,246)
```
#216dff
```
#216dff rgb(33,109,255)
```

Tone Color Variation

Below, you can see how #5d80c3 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
#777e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e84c4 Protanopia 1% of men
#6586c6 Deuteranopia 1% of men
#528f9a Tritanopia 0.001% of the population

Trichromacy

#6883c4 Protanomaly 1% of men, 0.01% of women
#6284c4 Deuteranomaly 6% of men, 0.4% of women
#568aa9 Tritanomaly 0.01% of the population

#5d80c3 hex color

#5d80c3 Color Information

#5d80c3 Color Conversion

Color Schemes with #5d80c3

Alternatives to #5d80c3

#5d80c3 Preview

Shades and Tints of #5d80c3

Tones of #5d80c3

Color Blindness Simulator