#5c7bdf hex color

In a RGB color space, hex #5c7bdf is composed of 36.1% red, 48.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 44.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 225.8 degrees, a saturation of 67.2% and a lightness of 61.8%. #5c7bdf color hex could be obtained by blending #b8f6ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 87
RGB color chart
- C 59
- M 45
- Y 0
- K 13
CMYK color chart

● #5c7bdf color description : Soft blue.

The hexadecimal color #5c7bdf has RGB values of R:92, G:123, B:223 and CMYK values of C:0.59, M:0.45, Y:0, K:0.13. Its decimal value is 6061023.

Hex triplet	5c7bdf	`#5c7bdf`
RGB Decimal	92, 123, 223	`rgb(92,123,223)`
RGB Percent	36.1, 48.2, 87.5	`rgb(36.1%,48.2%,87.5%)`
CMYK	59, 45, 0, 13
HSL	225.8°, 67.2, 61.8	`hsl(225.8,67.2%,61.8%)`
HSV (or HSB)	225.8°, 58.7, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.78, 18.785, -54.497
XYZ	24.813, 21.768, 72.702
xyY	0.208, 0.182, 21.768
CIE-LCH	53.78, 57.644, 289.018
CIE-LUV	53.78, -16.458, -86.899
Hunter-Lab	46.656, 13.284, -59.73
Binary	01011100, 01111011, 11011111

#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#dfc05c
```
#dfc05c rgb(223,192,92)
```

Complementary Color

#5cbddf
```
#5cbddf rgb(92,189,223)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#7f5cdf
```
#7f5cdf rgb(127,92,223)
```

Analogous Color

#bddf5c
```
#bddf5c rgb(189,223,92)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#df7f5c
```
#df7f5c rgb(223,127,92)
```

Split Complementary Color

#7bdf5c
```
#7bdf5c rgb(123,223,92)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#df5c7b
```
#df5c7b rgb(223,92,123)
```

Triadic Color

#5cdfc0
```
#5cdfc0 rgb(92,223,192)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#df5c7b
```
#df5c7b rgb(223,92,123)
```
#dfc05c
```
#dfc05c rgb(223,192,92)
```

Tetradic Color

#274dc7
```
#274dc7 rgb(39,77,199)
```
#3158d7
```
#3158d7 rgb(49,88,215)
```
#476adb
```
#476adb rgb(71,106,219)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#718ce3
```
#718ce3 rgb(113,140,227)
```
#879ee7
```
#879ee7 rgb(135,158,231)
```
#9cafec
```
#9cafec rgb(156,175,236)
```

Monochromatic Color

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

#5c9cdf
```
#5c9cdf rgb(92,156,223)
```
#5c91df
```
#5c91df rgb(92,145,223)
```
#5c86df
```
#5c86df rgb(92,134,223)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#5c70df
```
#5c70df rgb(92,112,223)
```
#5c65df
```
#5c65df rgb(92,101,223)
```
#5e5cdf
```
#5e5cdf rgb(94,92,223)
```

Similar Colors

Text with hexadecimal color #5c7bdf

This text has a font color of #5c7bdf.

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

#5c7bdf background color

This paragraph has a background color of #5c7bdf.

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

#5c7bdf border color

This element has a border color of #5c7bdf.

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

CSS codes

.text {color:#5c7bdf;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030711
```
#030711 rgb(3,7,17)
```
#070d22
```
#070d22 rgb(7,13,34)
```
#0a1332
```
#0a1332 rgb(10,19,50)
```
#0d1a43
```
#0d1a43 rgb(13,26,67)
```
#102053
```
#102053 rgb(16,32,83)
```
#142663
```
#142663 rgb(20,38,99)
```
#172d74
```
#172d74 rgb(23,45,116)
```
#1a3384
```
#1a3384 rgb(26,51,132)
```
#1d3995
```
#1d3995 rgb(29,57,149)
```
#2040a5
```
#2040a5 rgb(32,64,165)
```
#2446b5
```
#2446b5 rgb(36,70,181)
```
#274cc6
```
#274cc6 rgb(39,76,198)
```

Shade Color Variation

#2b53d5
```
#2b53d5 rgb(43,83,213)
```
#3b60d9
```
#3b60d9 rgb(59,96,217)
```
#4c6edc
```
#4c6edc rgb(76,110,220)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#6c88e2
```
#6c88e2 rgb(108,136,226)
```
#7d96e5
```
#7d96e5 rgb(125,150,229)
```
#8da3e9
```
#8da3e9 rgb(141,163,233)
```
#9eb0ec
```
#9eb0ec rgb(158,176,236)
```
#aebdef
```
#aebdef rgb(174,189,239)
```
#becbf2
```
#becbf2 rgb(190,203,242)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#dfe5f9
```
#dfe5f9 rgb(223,229,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

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

#989ba3
```
#989ba3 rgb(152,155,163)
```
#9197ab
```
#9197ab rgb(145,151,171)
```
#8993b2
```
#8993b2 rgb(137,147,178)
```
#828fba
```
#828fba rgb(130,143,186)
```
#7a8bc1
```
#7a8bc1 rgb(122,139,193)
```
#7387c9
```
#7387c9 rgb(115,135,201)
```
#6b83d0
```
#6b83d0 rgb(107,131,208)
```
#647fd8
```
#647fd8 rgb(100,127,216)
```
#5c7bdf
```
#5c7bdf rgb(92,123,223)
```
#5577e7
```
#5577e7 rgb(85,119,231)
```
#4d73ee
```
#4d73ee rgb(77,115,238)
```
#466ff6
```
#466ff6 rgb(70,111,246)
```
#3e6bfd
```
#3e6bfd rgb(62,107,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5684e2 Protanopia 1% of men
#3988dd Deuteranopia 1% of men
#3c929c Tritanopia 0.001% of the population

Trichromacy

#5880e1 Protanomaly 1% of men, 0.01% of women
#4683de Deuteranomaly 6% of men, 0.4% of women
#4889b4 Tritanomaly 0.01% of the population

#5c7bdf hex color

#5c7bdf Color Information

#5c7bdf Color Conversion

Color Schemes with #5c7bdf

Alternatives to #5c7bdf

#5c7bdf Preview

Shades and Tints of #5c7bdf

Tones of #5c7bdf

Color Blindness Simulator