#5c7bf8 hex color

In a RGB color space, hex #5c7bf8 is composed of 36.1% red, 48.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 50.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 228.1 degrees, a saturation of 91.8% and a lightness of 66.7%. #5c7bf8 color hex could be obtained by blending #b8f6ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 48
- B 97
RGB color chart
- C 63
- M 50
- Y 0
- K 3
CMYK color chart

● #5c7bf8 color description : Soft blue.

The hexadecimal color #5c7bf8 has RGB values of R:92, G:123, B:248 and CMYK values of C:0.63, M:0.5, Y:0, K:0.03. Its decimal value is 6061048.

Hex triplet	5c7bf8	`#5c7bf8`
RGB Decimal	92, 123, 248	`rgb(92,123,248)`
RGB Percent	36.1, 48.2, 97.3	`rgb(36.1%,48.2%,97.3%)`
CMYK	63, 50, 0, 3
HSL	228.1°, 91.8, 66.7	`hsl(228.1,91.8%,66.7%)`
HSV (or HSB)	228.1°, 62.9, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.295, 27.105, -66.007
XYZ	28.436, 23.217, 91.785
xyY	0.198, 0.162, 23.217
CIE-LCH	55.295, 71.356, 292.325
CIE-LUV	55.295, -16.818, -106.301
Hunter-Lab	48.184, 21.022, -79.211
Binary	01011100, 01111011, 11111000

#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#f8d95c
```
#f8d95c rgb(248,217,92)
```

Complementary Color

#5cc9f8
```
#5cc9f8 rgb(92,201,248)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#8b5cf8
```
#8b5cf8 rgb(139,92,248)
```

Analogous Color

#c9f85c
```
#c9f85c rgb(201,248,92)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#f88b5c
```
#f88b5c rgb(248,139,92)
```

Split Complementary Color

#7bf85c
```
#7bf85c rgb(123,248,92)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#f85c7b
```
#f85c7b rgb(248,92,123)
```

Triadic Color

#5cf8d9
```
#5cf8d9 rgb(92,248,217)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#f85c7b
```
#f85c7b rgb(248,92,123)
```
#f8d95c
```
#f8d95c rgb(248,217,92)
```

Tetradic Color

#1340f5
```
#1340f5 rgb(19,64,245)
```
#2b53f6
```
#2b53f6 rgb(43,83,246)
```
#4467f7
```
#4467f7 rgb(68,103,247)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#748ff9
```
#748ff9 rgb(116,143,249)
```
#8da3fa
```
#8da3fa rgb(141,163,250)
```
#a5b6fb
```
#a5b6fb rgb(165,182,251)
```

Monochromatic Color

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

#5ca2f8
```
#5ca2f8 rgb(92,162,248)
```
#5c95f8
```
#5c95f8 rgb(92,149,248)
```
#5c88f8
```
#5c88f8 rgb(92,136,248)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#5c6ef8
```
#5c6ef8 rgb(92,110,248)
```
#5c61f8
```
#5c61f8 rgb(92,97,248)
```
#645cf8
```
#645cf8 rgb(100,92,248)
```

Similar Colors

Text with hexadecimal color #5c7bf8

This text has a font color of #5c7bf8.

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

#5c7bf8 background color

This paragraph has a background color of #5c7bf8.

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

#5c7bf8 border color

This element has a border color of #5c7bf8.

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

CSS codes

.text {color:#5c7bf8;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010619
```
#010619 rgb(1,6,25)
```
#020a2c
```
#020a2c rgb(2,10,44)
```
#030f3f
```
#030f3f rgb(3,15,63)
```
#031351
```
#031351 rgb(3,19,81)
```
#041764
```
#041764 rgb(4,23,100)
```
#051c77
```
#051c77 rgb(5,28,119)
```
#06208a
```
#06208a rgb(6,32,138)
```
#07259d
```
#07259d rgb(7,37,157)
```
#0829b0
```
#0829b0 rgb(8,41,176)
```
#082dc2
```
#082dc2 rgb(8,45,194)
```
#0932d5
```
#0932d5 rgb(9,50,213)
```
#0a36e8
```
#0a36e8 rgb(10,54,232)
```

Shade Color Variation

#113ef5
```
#113ef5 rgb(17,62,245)
```
#244df6
```
#244df6 rgb(36,77,246)
```
#365df6
```
#365df6 rgb(54,93,246)
```
#496cf7
```
#496cf7 rgb(73,108,247)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#6f8af9
```
#6f8af9 rgb(111,138,249)
```
#8299fa
```
#8299fa rgb(130,153,250)
```
#94a9fa
```
#94a9fa rgb(148,169,250)
```
#a7b8fb
```
#a7b8fb rgb(167,184,251)
```
#bac7fc
```
#bac7fc rgb(186,199,252)
```
#cdd6fd
```
#cdd6fd rgb(205,214,253)
```
#e0e6fe
```
#e0e6fe rgb(224,230,254)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a6b0 is the less saturated color, while #5577ff is the most saturated one.

#a4a6b0
```
#a4a6b0 rgb(164,166,176)
```
#9da2b7
```
#9da2b7 rgb(157,162,183)
```
#979ebd
```
#979ebd rgb(151,158,189)
```
#909bc4
```
#909bc4 rgb(144,155,196)
```
#8a97ca
```
#8a97ca rgb(138,151,202)
```
#8393d1
```
#8393d1 rgb(131,147,209)
```
#7d8fd7
```
#7d8fd7 rgb(125,143,215)
```
#768bde
```
#768bde rgb(118,139,222)
```
#7087e4
```
#7087e4 rgb(112,135,228)
```
#6983eb
```
#6983eb rgb(105,131,235)
```
#637ff1
```
#637ff1 rgb(99,127,241)
```
#5c7bf8
```
#5c7bf8 rgb(92,123,248)
```
#5577ff
```
#5577ff rgb(85,119,255)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b86fc Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#1498a3 Tritanopia 0.001% of the population

Trichromacy

#4782fb Protanomaly 1% of men, 0.01% of women
#2186ee Deuteranomaly 6% of men, 0.4% of women
#2e8dc2 Tritanomaly 0.01% of the population

#5c7bf8 hex color

#5c7bf8 Color Information

#5c7bf8 Color Conversion

Color Schemes with #5c7bf8

Alternatives to #5c7bf8

#5c7bf8 Preview

Shades and Tints of #5c7bf8

Tones of #5c7bf8

Color Blindness Simulator