#5c81e1 hex color

In a RGB color space, hex #5c81e1 is composed of 36.1% red, 50.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 42.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 223.3 degrees, a saturation of 68.9% and a lightness of 62.2%. #5c81e1 color hex could be obtained by blending #b8ffff with #0003c3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 88
RGB color chart
- C 59
- M 43
- Y 0
- K 12
CMYK color chart

● #5c81e1 color description : Soft blue.

The hexadecimal color #5c81e1 has RGB values of R:92, G:129, B:225 and CMYK values of C:0.59, M:0.43, Y:0, K:0.12. Its decimal value is 6062561.

Hex triplet	5c81e1	`#5c81e1`
RGB Decimal	92, 129, 225	`rgb(92,129,225)`
RGB Percent	36.1, 50.6, 88.2	`rgb(36.1%,50.6%,88.2%)`
CMYK	59, 43, 0, 12
HSL	223.3°, 68.9, 62.2	`hsl(223.3,68.9%,62.2%)`
HSV (or HSB)	223.3°, 59.1, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.493, 15.797, -52.883
XYZ	25.852, 23.411, 74.386
xyY	0.209, 0.189, 23.411
CIE-LCH	55.493, 55.192, 286.632
CIE-LUV	55.493, -18.428, -84.604
Hunter-Lab	48.385, 10.698, -57.283
Binary	01011100, 10000001, 11100001

#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#e1bc5c
```
#e1bc5c rgb(225,188,92)
```

Complementary Color

#5cc4e1
```
#5cc4e1 rgb(92,196,225)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#7a5ce1
```
#7a5ce1 rgb(122,92,225)
```

Analogous Color

#c4e15c
```
#c4e15c rgb(196,225,92)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#e17a5c
```
#e17a5c rgb(225,122,92)
```

Split Complementary Color

#81e15c
```
#81e15c rgb(129,225,92)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#e15c81
```
#e15c81 rgb(225,92,129)
```

Triadic Color

#5ce1bc
```
#5ce1bc rgb(92,225,188)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#e15c81
```
#e15c81 rgb(225,92,129)
```
#e1bc5c
```
#e1bc5c rgb(225,188,92)
```

Tetradic Color

#2553cb
```
#2553cb rgb(37,83,203)
```
#3160d9
```
#3160d9 rgb(49,96,217)
```
#4670dd
```
#4670dd rgb(70,112,221)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#7292e5
```
#7292e5 rgb(114,146,229)
```
#87a2e9
```
#87a2e9 rgb(135,162,233)
```
#9db3ed
```
#9db3ed rgb(157,179,237)
```

Monochromatic Color

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

#5ca2e1
```
#5ca2e1 rgb(92,162,225)
```
#5c97e1
```
#5c97e1 rgb(92,151,225)
```
#5c8ce1
```
#5c8ce1 rgb(92,140,225)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#5c76e1
```
#5c76e1 rgb(92,118,225)
```
#5c6be1
```
#5c6be1 rgb(92,107,225)
```
#5c60e1
```
#5c60e1 rgb(92,96,225)
```

Similar Colors

Text with hexadecimal color #5c81e1

This text has a font color of #5c81e1.

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

#5c81e1 background color

This paragraph has a background color of #5c81e1.

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

#5c81e1 border color

This element has a border color of #5c81e1.

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

CSS codes

.text {color:#5c81e1;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#040813
```
#040813 rgb(4,8,19)
```
#070f24
```
#070f24 rgb(7,15,36)
```
#0a1634
```
#0a1634 rgb(10,22,52)
```
#0d1c45
```
#0d1c45 rgb(13,28,69)
```
#102355
```
#102355 rgb(16,35,85)
```
#132a66
```
#132a66 rgb(19,42,102)
```
#163177
```
#163177 rgb(22,49,119)
```
#193887
```
#193887 rgb(25,56,135)
```
#1c3e98
```
#1c3e98 rgb(28,62,152)
```
#1f45a8
```
#1f45a8 rgb(31,69,168)
```
#224cb9
```
#224cb9 rgb(34,76,185)
```
#2553c9
```
#2553c9 rgb(37,83,201)
```

Shade Color Variation

#2a5bd8
```
#2a5bd8 rgb(42,91,216)
```
#3b67db
```
#3b67db rgb(59,103,219)
```
#4b74de
```
#4b74de rgb(75,116,222)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#6d8ee4
```
#6d8ee4 rgb(109,142,228)
```
#7d9be7
```
#7d9be7 rgb(125,155,231)
```
#8ea7ea
```
#8ea7ea rgb(142,167,234)
```
#9eb4ed
```
#9eb4ed rgb(158,180,237)
```
#afc1f0
```
#afc1f0 rgb(175,193,240)
```
#bfcef3
```
#bfcef3 rgb(191,206,243)
```
#d0dbf6
```
#d0dbf6 rgb(208,219,246)
```
#e1e7f9
```
#e1e7f9 rgb(225,231,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ba6 is the less saturated color, while #3e74ff is the most saturated one.

#979ba6
```
#979ba6 rgb(151,155,166)
```
#9098ad
```
#9098ad rgb(144,152,173)
```
#8995b4
```
#8995b4 rgb(137,149,180)
```
#8191bc
```
#8191bc rgb(129,145,188)
```
#7a8ec3
```
#7a8ec3 rgb(122,142,195)
```
#728bcb
```
#728bcb rgb(114,139,203)
```
#6b88d2
```
#6b88d2 rgb(107,136,210)
```
#6384da
```
#6384da rgb(99,132,218)
```
#5c81e1
```
#5c81e1 rgb(92,129,225)
```
#557ee8
```
#557ee8 rgb(85,126,232)
```
#4d7af0
```
#4d7af0 rgb(77,122,240)
```
#4677f7
```
#4677f7 rgb(70,119,247)
```
#3e74ff
```
#3e74ff rgb(62,116,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7a8194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f88e3 Protanopia 1% of men
#468ce0 Deuteranopia 1% of men
#3e96a1 Tritanopia 0.001% of the population

Trichromacy

#5e85e2 Protanomaly 1% of men, 0.01% of women
#4e88e0 Deuteranomaly 6% of men, 0.4% of women
#488eb8 Tritanomaly 0.01% of the population

#5c81e1 hex color

#5c81e1 Color Information

#5c81e1 Color Conversion

Color Schemes with #5c81e1

Alternatives to #5c81e1

#5c81e1 Preview

Shades and Tints of #5c81e1

Tones of #5c81e1

Color Blindness Simulator