#5c81b4 hex color

In a RGB color space, hex #5c81b4 is composed of 36.1% red, 50.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 28.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 214.8 degrees, a saturation of 37% and a lightness of 53.3%. #5c81b4 color hex could be obtained by blending #b8ffff with #000369. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 71
RGB color chart
- C 49
- M 28
- Y 0
- K 29
CMYK color chart

● #5c81b4 color description : Slightly desaturated blue.

The hexadecimal color #5c81b4 has RGB values of R:92, G:129, B:180 and CMYK values of C:0.49, M:0.28, Y:0, K:0.29. Its decimal value is 6062516.

Hex triplet	5c81b4	`#5c81b4`
RGB Decimal	92, 129, 180	`rgb(92,129,180)`
RGB Percent	36.1, 50.6, 70.6	`rgb(36.1%,50.6%,70.6%)`
CMYK	49, 28, 0, 29
HSL	214.8°, 37, 53.3	`hsl(214.8,37%,53.3%)`
HSV (or HSB)	214.8°, 48.9, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.244, 1.389, -30.905
XYZ	20.5, 21.27, 46.203
xyY	0.233, 0.242, 21.27
CIE-LCH	53.244, 30.936, 272.574
CIE-LUV	53.244, -18.237, -47.059
Hunter-Lab	46.12, -1.366, -27.113
Binary	01011100, 10000001, 10110100

#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#b48f5c
```
#b48f5c rgb(180,143,92)
```

Complementary Color

#5cadb4
```
#5cadb4 rgb(92,173,180)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#635cb4
```
#635cb4 rgb(99,92,180)
```

Analogous Color

#adb45c
```
#adb45c rgb(173,180,92)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#b4635c
```
#b4635c rgb(180,99,92)
```

Split Complementary Color

#81b45c
```
#81b45c rgb(129,180,92)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#b45c81
```
#b45c81 rgb(180,92,129)
```

Triadic Color

#5cb48f
```
#5cb48f rgb(92,180,143)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#b45c81
```
#b45c81 rgb(180,92,129)
```
#b48f5c
```
#b48f5c rgb(180,143,92)
```

Tetradic Color

#3e5c86
```
#3e5c86 rgb(62,92,134)
```
#466897
```
#466897 rgb(70,104,151)
```
#4e74a9
```
#4e74a9 rgb(78,116,169)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#6d8fbc
```
#6d8fbc rgb(109,143,188)
```
#7f9cc4
```
#7f9cc4 rgb(127,156,196)
```
#90aacc
```
#90aacc rgb(144,170,204)
```

Monochromatic Color

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

#5c97b4
```
#5c97b4 rgb(92,151,180)
```
#5c90b4
```
#5c90b4 rgb(92,144,180)
```
#5c88b4
```
#5c88b4 rgb(92,136,180)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#5c7ab4
```
#5c7ab4 rgb(92,122,180)
```
#5c72b4
```
#5c72b4 rgb(92,114,180)
```
#5c6bb4
```
#5c6bb4 rgb(92,107,180)
```

Similar Colors

Text with hexadecimal color #5c81b4

This text has a font color of #5c81b4.

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

#5c81b4 background color

This paragraph has a background color of #5c81b4.

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

#5c81b4 border color

This element has a border color of #5c81b4.

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

CSS codes

.text {color:#5c81b4;}

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

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

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, #05080c is the darkest color, while #fdfefe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0c1119
```
#0c1119 rgb(12,17,25)
```
#121a27
```
#121a27 rgb(18,26,39)
```
#182434
```
#182434 rgb(24,36,52)
```
#1e2d41
```
#1e2d41 rgb(30,45,65)
```
#24364f
```
#24364f rgb(36,54,79)
```
#2a3f5c
```
#2a3f5c rgb(42,63,92)
```
#31496a
```
#31496a rgb(49,73,106)
```
#375277
```
#375277 rgb(55,82,119)
```
#3d5b85
```
#3d5b85 rgb(61,91,133)
```
#436492
```
#436492 rgb(67,100,146)
```
#496e9f
```
#496e9f rgb(73,110,159)
```
#5077ad
```
#5077ad rgb(80,119,173)
```

Shade Color Variation

#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#698bba
```
#698bba rgb(105,139,186)
```
#7796c0
```
#7796c0 rgb(119,150,192)
```
#84a0c7
```
#84a0c7 rgb(132,160,199)
```
#92abcd
```
#92abcd rgb(146,171,205)
```
#9fb5d3
```
#9fb5d3 rgb(159,181,211)
```
#adbfd9
```
#adbfd9 rgb(173,191,217)
```
#bacadf
```
#bacadf rgb(186,202,223)
```
#c7d4e5
```
#c7d4e5 rgb(199,212,229)
```
#d5deec
```
#d5deec rgb(213,222,236)
```
#e2e9f2
```
#e2e9f2 rgb(226,233,242)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81878f is the less saturated color, while #1375fd is the most saturated one.

#81878f
```
#81878f rgb(129,135,143)
```
#778599
```
#778599 rgb(119,133,153)
```
#6e84a2
```
#6e84a2 rgb(110,132,162)
```
#6582ab
```
#6582ab rgb(101,130,171)
```
#5c81b4
```
#5c81b4 rgb(92,129,180)
```
#5380bd
```
#5380bd rgb(83,128,189)
```
#4a7ec6
```
#4a7ec6 rgb(74,126,198)
```
#417dcf
```
#417dcf rgb(65,125,207)
```
#377bd9
```
#377bd9 rgb(55,123,217)
```
#2e7ae2
```
#2e7ae2 rgb(46,122,226)
```
#2578eb
```
#2578eb rgb(37,120,235)
```
#1c77f4
```
#1c77f4 rgb(28,119,244)
```
#1375fd
```
#1375fd rgb(19,117,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7584b5 Protanopia 1% of men
#7084b9 Deuteranopia 1% of men
#578d98 Tritanopia 0.001% of the population

Trichromacy

#6c82b4 Protanomaly 1% of men, 0.01% of women
#6983b7 Deuteranomaly 6% of men, 0.4% of women
#5989a2 Tritanomaly 0.01% of the population

#5c81b4 hex color

#5c81b4 Color Information

#5c81b4 Color Conversion

Color Schemes with #5c81b4

Alternatives to #5c81b4

#5c81b4 Preview

Shades and Tints of #5c81b4

Tones of #5c81b4

Color Blindness Simulator