#5e7bcd hex color

In a RGB color space, hex #5e7bcd is composed of 36.9% red, 48.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 40% magenta, 0% yellow and 19.6% black. It has a hue angle of 224.3 degrees, a saturation of 52.6% and a lightness of 58.6%. #5e7bcd color hex could be obtained by blending #bcf6ff with #00009b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 80
RGB color chart
- C 54
- M 40
- Y 0
- K 20
CMYK color chart

● #5e7bcd color description : Moderate blue.

The hexadecimal color #5e7bcd has RGB values of R:94, G:123, B:205 and CMYK values of C:0.54, M:0.4, Y:0, K:0.2. Its decimal value is 6192077.

Hex triplet	5e7bcd	`#5e7bcd`
RGB Decimal	94, 123, 205	`rgb(94,123,205)`
RGB Percent	36.9, 48.2, 80.4	`rgb(36.9%,48.2%,80.4%)`
CMYK	54, 40, 0, 20
HSL	224.3°, 52.6, 58.6	`hsl(224.3,52.6%,58.6%)`
HSV (or HSB)	224.3°, 54.1, 80.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.897, 13.32, -45.726
XYZ	22.716, 20.952, 60.601
xyY	0.218, 0.201, 20.952
CIE-LCH	52.897, 47.627, 286.241
CIE-LUV	52.897, -15.608, -72.112
Hunter-Lab	45.774, 8.48, -46.455
Binary	01011110, 01111011, 11001101

#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#cdb05e
```
#cdb05e rgb(205,176,94)
```

Complementary Color

#5eb3cd
```
#5eb3cd rgb(94,179,205)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#795ecd
```
#795ecd rgb(121,94,205)
```

Analogous Color

#b3cd5e
```
#b3cd5e rgb(179,205,94)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#cd795e
```
#cd795e rgb(205,121,94)
```

Split Complementary Color

#7bcd5e
```
#7bcd5e rgb(123,205,94)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#cd5e7b
```
#cd5e7b rgb(205,94,123)
```

Triadic Color

#5ecdb0
```
#5ecdb0 rgb(94,205,176)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#cd5e7b
```
#cd5e7b rgb(205,94,123)
```
#cdb05e
```
#cdb05e rgb(205,176,94)
```

Tetradic Color

#3553aa
```
#3553aa rgb(53,83,170)
```
#3b5dbd
```
#3b5dbd rgb(59,93,189)
```
#4b6bc7
```
#4b6bc7 rgb(75,107,199)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#718bd3
```
#718bd3 rgb(113,139,211)
```
#859bd9
```
#859bd9 rgb(133,155,217)
```
#98abdf
```
#98abdf rgb(152,171,223)
```

Monochromatic Color

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

#5e97cd
```
#5e97cd rgb(94,151,205)
```
#5e8ecd
```
#5e8ecd rgb(94,142,205)
```
#5e84cd
```
#5e84cd rgb(94,132,205)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#5e72cd
```
#5e72cd rgb(94,114,205)
```
#5e69cd
```
#5e69cd rgb(94,105,205)
```
#5e5fcd
```
#5e5fcd rgb(94,95,205)
```

Similar Colors

Text with hexadecimal color #5e7bcd

This text has a font color of #5e7bcd.

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

#5e7bcd background color

This paragraph has a background color of #5e7bcd.

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

#5e7bcd border color

This element has a border color of #5e7bcd.

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

CSS codes

.text {color:#5e7bcd;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060913
```
#060913 rgb(6,9,19)
```
#0a1022
```
#0a1022 rgb(10,16,34)
```
#0f1831
```
#0f1831 rgb(15,24,49)
```
#141f40
```
#141f40 rgb(20,31,64)
```
#18274e
```
#18274e rgb(24,39,78)
```
#1d2e5d
```
#1d2e5d rgb(29,46,93)
```
#22356c
```
#22356c rgb(34,53,108)
```
#263d7b
```
#263d7b rgb(38,61,123)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#304b99
```
#304b99 rgb(48,75,153)
```
#3453a8
```
#3453a8 rgb(52,83,168)
```
#395ab7
```
#395ab7 rgb(57,90,183)
```

Shade Color Variation

#4062c4
```
#4062c4 rgb(64,98,196)
```
#4f6fc8
```
#4f6fc8 rgb(79,111,200)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#6d87d2
```
#6d87d2 rgb(109,135,210)
```
#7c94d6
```
#7c94d6 rgb(124,148,214)
```
#8ba0db
```
#8ba0db rgb(139,160,219)
```
#9aace0
```
#9aace0 rgb(154,172,224)
```
#a9b8e4
```
#a9b8e4 rgb(169,184,228)
```
#b8c5e9
```
#b8c5e9 rgb(184,197,233)
```
#c7d1ee
```
#c7d1ee rgb(199,209,238)
```
#d6ddf2
```
#d6ddf2 rgb(214,221,242)
```
#e5e9f7
```
#e5e9f7 rgb(229,233,247)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f929c is the less saturated color, while #2d64fe is the most saturated one.

#8f929c
```
#8f929c rgb(143,146,156)
```
#878ea4
```
#878ea4 rgb(135,142,164)
```
#7e8aad
```
#7e8aad rgb(126,138,173)
```
#7687b5
```
#7687b5 rgb(118,135,181)
```
#6e83bd
```
#6e83bd rgb(110,131,189)
```
#667fc5
```
#667fc5 rgb(102,127,197)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#5677d5
```
#5677d5 rgb(86,119,213)
```
#4e73dd
```
#4e73dd rgb(78,115,221)
```
#466fe5
```
#466fe5 rgb(70,111,229)
```
#3e6ced
```
#3e6ced rgb(62,108,237)
```
#3568f6
```
#3568f6 rgb(53,104,246)
```
#2d64fe
```
#2d64fe rgb(45,100,254)
```

Tone Color Variation

Below, you can see how #5e7bcd 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
#767c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6382d0 Protanopia 1% of men
#5485ce Deuteranopia 1% of men
#4c8e98 Tritanopia 0.001% of the population

Trichromacy

#617fce Protanomaly 1% of men, 0.01% of women
#5781cd Deuteranomaly 6% of men, 0.4% of women
#5387ab Tritanomaly 0.01% of the population

#5e7bcd hex color

#5e7bcd Color Information

#5e7bcd Color Conversion

Color Schemes with #5e7bcd

Alternatives to #5e7bcd

#5e7bcd Preview

Shades and Tints of #5e7bcd

Tones of #5e7bcd

Color Blindness Simulator