#5e7bdc hex color

In a RGB color space, hex #5e7bdc is composed of 36.9% red, 48.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 44.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 226.2 degrees, a saturation of 64.3% and a lightness of 61.6%. #5e7bdc color hex could be obtained by blending #bcf6ff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 86
RGB color chart
- C 57
- M 44
- Y 0
- K 14
CMYK color chart

● #5e7bdc color description : Soft blue.

The hexadecimal color #5e7bdc has RGB values of R:94, G:123, B:220 and CMYK values of C:0.57, M:0.44, Y:0, K:0.14. Its decimal value is 6192092.

Hex triplet	5e7bdc	`#5e7bdc`
RGB Decimal	94, 123, 220	`rgb(94,123,220)`
RGB Percent	36.9, 48.2, 86.3	`rgb(36.9%,48.2%,86.3%)`
CMYK	57, 44, 0, 14
HSL	226.2°, 64.3, 61.6	`hsl(226.2,64.3%,61.6%)`
HSV (or HSB)	226.2°, 57.3, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.72, 18.188, -52.899
XYZ	24.615, 21.712, 70.6
xyY	0.211, 0.186, 21.712
CIE-LCH	53.72, 55.939, 288.974
CIE-LUV	53.72, -15.835, -84.289
Hunter-Lab	46.596, 12.751, -57.217
Binary	01011110, 01111011, 11011100

#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#dcbf5e
```
#dcbf5e rgb(220,191,94)
```

Complementary Color

#5ebadc
```
#5ebadc rgb(94,186,220)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#805edc
```
#805edc rgb(128,94,220)
```

Analogous Color

#badc5e
```
#badc5e rgb(186,220,94)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#dc805e
```
#dc805e rgb(220,128,94)
```

Split Complementary Color

#7bdc5e
```
#7bdc5e rgb(123,220,94)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#dc5e7b
```
#dc5e7b rgb(220,94,123)
```

Triadic Color

#5edcbf
```
#5edcbf rgb(94,220,191)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#dc5e7b
```
#dc5e7b rgb(220,94,123)
```
#dcbf5e
```
#dcbf5e rgb(220,191,94)
```

Tetradic Color

#2a4ec3
```
#2a4ec3 rgb(42,78,195)
```
#3459d3
```
#3459d3 rgb(52,89,211)
```
#496ad7
```
#496ad7 rgb(73,106,215)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#738ce1
```
#738ce1 rgb(115,140,225)
```
#889de5
```
#889de5 rgb(136,157,229)
```
#9dafea
```
#9dafea rgb(157,175,234)
```

Monochromatic Color

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

#5e9bdc
```
#5e9bdc rgb(94,155,220)
```
#5e90dc
```
#5e90dc rgb(94,144,220)
```
#5e86dc
```
#5e86dc rgb(94,134,220)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#5e71dc
```
#5e71dc rgb(94,113,220)
```
#5e66dc
```
#5e66dc rgb(94,102,220)
```
#605edc
```
#605edc rgb(96,94,220)
```

Similar Colors

Text with hexadecimal color #5e7bdc

This text has a font color of #5e7bdc.

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

#5e7bdc background color

This paragraph has a background color of #5e7bdc.

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

#5e7bdc border color

This element has a border color of #5e7bdc.

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

CSS codes

.text {color:#5e7bdc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#070d20
```
#070d20 rgb(7,13,32)
```
#0b1330
```
#0b1330 rgb(11,19,48)
```
#0e1a41
```
#0e1a41 rgb(14,26,65)
```
#122051
```
#122051 rgb(18,32,81)
```
#152661
```
#152661 rgb(21,38,97)
```
#192d71
```
#192d71 rgb(25,45,113)
```
#1c3381
```
#1c3381 rgb(28,51,129)
```
#203a91
```
#203a91 rgb(32,58,145)
```
#2340a1
```
#2340a1 rgb(35,64,161)
```
#2747b1
```
#2747b1 rgb(39,71,177)
```
#2a4dc1
```
#2a4dc1 rgb(42,77,193)
```

Shade Color Variation

#2e53d1
```
#2e53d1 rgb(46,83,209)
```
#3e61d5
```
#3e61d5 rgb(62,97,213)
```
#4e6ed8
```
#4e6ed8 rgb(78,110,216)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#6e88e0
```
#6e88e0 rgb(110,136,224)
```
#7e95e3
```
#7e95e3 rgb(126,149,227)
```
#8ea3e7
```
#8ea3e7 rgb(142,163,231)
```
#9eb0ea
```
#9eb0ea rgb(158,176,234)
```
#afbdee
```
#afbdee rgb(175,189,238)
```
#bfcaf1
```
#bfcaf1 rgb(191,202,241)
```
#cfd7f5
```
#cfd7f5 rgb(207,215,245)
```
#dfe5f8
```
#dfe5f8 rgb(223,229,248)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9ca0 is the less saturated color, while #406bfa is the most saturated one.

#9a9ca0
```
#9a9ca0 rgb(154,156,160)
```
#9397a7
```
#9397a7 rgb(147,151,167)
```
#8b93af
```
#8b93af rgb(139,147,175)
```
#848fb6
```
#848fb6 rgb(132,143,182)
```
#7c8bbe
```
#7c8bbe rgb(124,139,190)
```
#7587c5
```
#7587c5 rgb(117,135,197)
```
#6d83cd
```
#6d83cd rgb(109,131,205)
```
#667fd4
```
#667fd4 rgb(102,127,212)
```
#5e7bdc
```
#5e7bdc rgb(94,123,220)
```
#5677e4
```
#5677e4 rgb(86,119,228)
```
#4f73eb
```
#4f73eb rgb(79,115,235)
```
#476ff3
```
#476ff3 rgb(71,111,243)
```
#406bfa
```
#406bfa rgb(64,107,250)
```

Tone Color Variation

Below, you can see how #5e7bdc 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
#777d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5983df Protanopia 1% of men
#4088db Deuteranopia 1% of men
#42919c Tritanopia 0.001% of the population

Trichromacy

#5b80de Protanomaly 1% of men, 0.01% of women
#4b83db Deuteranomaly 6% of men, 0.4% of women
#4c89b3 Tritanomaly 0.01% of the population

#5e7bdc hex color

#5e7bdc Color Information

#5e7bdc Color Conversion

Color Schemes with #5e7bdc

Alternatives to #5e7bdc

#5e7bdc Preview

Shades and Tints of #5e7bdc

Tones of #5e7bdc

Color Blindness Simulator