#5c8cb4 hex color

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

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

● #5c8cb4 color description : Slightly desaturated blue.

The hexadecimal color #5c8cb4 has RGB values of R:92, G:140, B:180 and CMYK values of C:0.49, M:0.22, Y:0, K:0.29. Its decimal value is 6065332.

Hex triplet	5c8cb4	`#5c8cb4`
RGB Decimal	92, 140, 180	`rgb(92,140,180)`
RGB Percent	36.1, 54.9, 70.6	`rgb(36.1%,54.9%,70.6%)`
CMYK	49, 22, 0, 29
HSL	207.3°, 37, 53.3	`hsl(207.3,37%,53.3%)`
HSV (or HSB)	207.3°, 48.9, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.412, -4.997, -25.992
XYZ	22.028, 24.326, 46.712
xyY	0.237, 0.261, 24.326
CIE-LCH	56.412, 26.468, 259.118
CIE-LUV	56.412, -22.485, -38.829
Hunter-Lab	49.321, -6.589, -21.629
Binary	01011100, 10001100, 10110100

#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#b4845c
```
#b4845c rgb(180,132,92)
```

Complementary Color

#5cb4b0
```
#5cb4b0 rgb(92,180,176)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#5c60b4
```
#5c60b4 rgb(92,96,180)
```

Analogous Color

#b4b05c
```
#b4b05c rgb(180,176,92)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#b45c60
```
#b45c60 rgb(180,92,96)
```

Split Complementary Color

#8cb45c
```
#8cb45c rgb(140,180,92)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#b45c8c
```
#b45c8c rgb(180,92,140)
```

Triadic Color

#5cb484
```
#5cb484 rgb(92,180,132)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#b45c8c
```
#b45c8c rgb(180,92,140)
```
#b4845c
```
#b4845c rgb(180,132,92)
```

Tetradic Color

#3e6586
```
#3e6586 rgb(62,101,134)
```
#467297
```
#467297 rgb(70,114,151)
```
#4e7fa9
```
#4e7fa9 rgb(78,127,169)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#6d98bc
```
#6d98bc rgb(109,152,188)
```
#7fa5c4
```
#7fa5c4 rgb(127,165,196)
```
#90b1cc
```
#90b1cc rgb(144,177,204)
```

Monochromatic Color

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

#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#5c9bb4
```
#5c9bb4 rgb(92,155,180)
```
#5c93b4
```
#5c93b4 rgb(92,147,180)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#5c85b4
```
#5c85b4 rgb(92,133,180)
```
#5c7db4
```
#5c7db4 rgb(92,125,180)
```
#5c76b4
```
#5c76b4 rgb(92,118,180)
```

Similar Colors

Text with hexadecimal color #5c8cb4

This text has a font color of #5c8cb4.

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

#5c8cb4 background color

This paragraph has a background color of #5c8cb4.

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

#5c8cb4 border color

This element has a border color of #5c8cb4.

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

CSS codes

.text {color:#5c8cb4;}

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

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

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

#05090c
```
#05090c rgb(5,9,12)
```
#0c1319
```
#0c1319 rgb(12,19,25)
```
#121d27
```
#121d27 rgb(18,29,39)
```
#182734
```
#182734 rgb(24,39,52)
```
#1e3141
```
#1e3141 rgb(30,49,65)
```
#243b4f
```
#243b4f rgb(36,59,79)
```
#2a465c
```
#2a465c rgb(42,70,92)
```
#31506a
```
#31506a rgb(49,80,106)
```
#375a77
```
#375a77 rgb(55,90,119)
```
#3d6485
```
#3d6485 rgb(61,100,133)
```
#436e92
```
#436e92 rgb(67,110,146)
```
#49789f
```
#49789f rgb(73,120,159)
```
#5082ad
```
#5082ad rgb(80,130,173)
```

Shade Color Variation

#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#6995ba
```
#6995ba rgb(105,149,186)
```
#779fc0
```
#779fc0 rgb(119,159,192)
```
#84a8c7
```
#84a8c7 rgb(132,168,199)
```
#92b2cd
```
#92b2cd rgb(146,178,205)
```
#9fbbd3
```
#9fbbd3 rgb(159,187,211)
```
#adc5d9
```
#adc5d9 rgb(173,197,217)
```
#bacedf
```
#bacedf rgb(186,206,223)
```
#c7d8e5
```
#c7d8e5 rgb(199,216,229)
```
#d5e1ec
```
#d5e1ec rgb(213,225,236)
```
#e2ebf2
```
#e2ebf2 rgb(226,235,242)
```
#f0f4f8
```
#f0f4f8 rgb(240,244,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#81898f
```
#81898f rgb(129,137,143)
```
#778a99
```
#778a99 rgb(119,138,153)
```
#6e8aa2
```
#6e8aa2 rgb(110,138,162)
```
#658bab
```
#658bab rgb(101,139,171)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```
#538dbd
```
#538dbd rgb(83,141,189)
```
#4a8ec6
```
#4a8ec6 rgb(74,142,198)
```
#418ecf
```
#418ecf rgb(65,142,207)
```
#378fd9
```
#378fd9 rgb(55,143,217)
```
#2e90e2
```
#2e90e2 rgb(46,144,226)
```
#2591eb
```
#2591eb rgb(37,145,235)
```
#1c92f4
```
#1c92f4 rgb(28,146,244)
```
#1393fd
```
#1393fd rgb(19,147,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7a848c Atypical Achromatopsia 0.001% of the population

Dichromacy

#828cb3 Protanopia 1% of men
#7f8bba Deuteranopia 1% of men
#5b96a1 Tritanopia 0.001% of the population

Trichromacy

#748cb3 Protanomaly 1% of men, 0.01% of women
#728bb7 Deuteranomaly 6% of men, 0.4% of women
#5b92a8 Tritanomaly 0.01% of the population

#5c8cb4 hex color

#5c8cb4 Color Information

#5c8cb4 Color Conversion

Color Schemes with #5c8cb4

Alternatives to #5c8cb4

#5c8cb4 Preview

Shades and Tints of #5c8cb4

Tones of #5c8cb4

Color Blindness Simulator