#5d81c3 hex color

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

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

● #5d81c3 color description : Moderate blue.

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

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

CIE-LAB	53.992, 6.293, -38.312
XYZ	22.213, 21.967, 54.696
xyY	0.225, 0.222, 21.967
CIE-LCH	53.992, 38.825, 279.327
CIE-LUV	53.992, -17.956, -59.695
Hunter-Lab	46.869, 2.577, -36.384
Binary	01011101, 10000001, 11000011

#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#c39f5d
```
#c39f5d rgb(195,159,93)
```

Complementary Color

#5db4c3
```
#5db4c3 rgb(93,180,195)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#6c5dc3
```
#6c5dc3 rgb(108,93,195)
```

Analogous Color

#b4c35d
```
#b4c35d rgb(180,195,93)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#c36c5d
```
#c36c5d rgb(195,108,93)
```

Split Complementary Color

#81c35d
```
#81c35d rgb(129,195,93)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#c35d81
```
#c35d81 rgb(195,93,129)
```

Triadic Color

#5dc39f
```
#5dc39f rgb(93,195,159)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#c35d81
```
#c35d81 rgb(195,93,129)
```
#c39f5d
```
#c39f5d rgb(195,159,93)
```

Tetradic Color

#395b9a
```
#395b9a rgb(57,91,154)
```
#4066ad
```
#4066ad rgb(64,102,173)
```
#4a73bc
```
#4a73bc rgb(74,115,188)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#708fca
```
#708fca rgb(112,143,202)
```
#829ed1
```
#829ed1 rgb(130,158,209)
```
#95acd8
```
#95acd8 rgb(149,172,216)
```

Monochromatic Color

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

#5d9bc3
```
#5d9bc3 rgb(93,155,195)
```
#5d92c3
```
#5d92c3 rgb(93,146,195)
```
#5d8ac3
```
#5d8ac3 rgb(93,138,195)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#5d79c3
```
#5d79c3 rgb(93,121,195)
```
#5d70c3
```
#5d70c3 rgb(93,112,195)
```
#5d68c3
```
#5d68c3 rgb(93,104,195)
```

Similar Colors

Text with hexadecimal color #5d81c3

This text has a font color of #5d81c3.

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

#5d81c3 background color

This paragraph has a background color of #5d81c3.

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

#5d81c3 border color

This element has a border color of #5d81c3.

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

CSS codes

.text {color:#5d81c3;}

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

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

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)
```
#192843
```
#192843 rgb(25,40,67)
```
#1e3051
```
#1e3051 rgb(30,48,81)
```
#233960
```
#233960 rgb(35,57,96)
```
#29416e
```
#29416e rgb(41,65,110)
```
#2e4a7c
```
#2e4a7c rgb(46,74,124)
```
#33528b
```
#33528b rgb(51,82,139)
```
#395b99
```
#395b99 rgb(57,91,153)
```
#3e63a7
```
#3e63a7 rgb(62,99,167)
```
#436cb6
```
#436cb6 rgb(67,108,182)
```

Shade Color Variation

#4f76be
```
#4f76be rgb(79,118,190)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#6b8cc8
```
#6b8cc8 rgb(107,140,200)
```
#7a97ce
```
#7a97ce rgb(122,151,206)
```
#88a2d3
```
#88a2d3 rgb(136,162,211)
```
#96aed8
```
#96aed8 rgb(150,174,216)
```
#a5b9de
```
#a5b9de rgb(165,185,222)
```
#b3c4e3
```
#b3c4e3 rgb(179,196,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, #888e98 is the less saturated color, while #216fff is the most saturated one.

#888e98
```
#888e98 rgb(136,142,152)
```
#7f8ba1
```
#7f8ba1 rgb(127,139,161)
```
#7789a9
```
#7789a9 rgb(119,137,169)
```
#6e86b2
```
#6e86b2 rgb(110,134,178)
```
#6684ba
```
#6684ba rgb(102,132,186)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#547ecc
```
#547ecc rgb(84,126,204)
```
#4c7cd4
```
#4c7cd4 rgb(76,124,212)
```
#4379dd
```
#4379dd rgb(67,121,221)
```
#3b77e5
```
#3b77e5 rgb(59,119,229)
```
#3274ee
```
#3274ee rgb(50,116,238)
```
#2a72f6
```
#2a72f6 rgb(42,114,246)
```
#216fff
```
#216fff rgb(33,111,255)
```

Tone Color Variation

Below, you can see how #5d81c3 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

#7e7e7e Achromatopsia 0.005% of the population
#777f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7085c4 Protanopia 1% of men
#6687c6 Deuteranopia 1% of men
#52909b Tritanopia 0.001% of the population

Trichromacy

#6983c4 Protanomaly 1% of men, 0.01% of women
#6384c5 Deuteranomaly 6% of men, 0.4% of women
#568aa9 Tritanomaly 0.01% of the population

#5d81c3 hex color

#5d81c3 Color Information

#5d81c3 Color Conversion

Color Schemes with #5d81c3

Alternatives to #5d81c3

#5d81c3 Preview

Shades and Tints of #5d81c3

Tones of #5d81c3

Color Blindness Simulator