#5e7bb6 hex color

In a RGB color space, hex #5e7bb6 is composed of 36.9% red, 48.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 32.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 220.2 degrees, a saturation of 37.6% and a lightness of 54.1%. #5e7bb6 color hex could be obtained by blending #bcf6ff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 71
RGB color chart
- C 48
- M 32
- Y 0
- K 29
CMYK color chart

● #5e7bb6 color description : Slightly desaturated blue.

The hexadecimal color #5e7bb6 has RGB values of R:94, G:123, B:182 and CMYK values of C:0.48, M:0.32, Y:0, K:0.29. Its decimal value is 6192054.

Hex triplet	5e7bb6	`#5e7bb6`
RGB Decimal	94, 123, 182	`rgb(94,123,182)`
RGB Percent	36.9, 48.2, 71.4	`rgb(36.9%,48.2%,71.4%)`
CMYK	48, 32, 0, 29
HSL	220.2°, 37.6, 54.1	`hsl(220.2,37.6%,54.1%)`
HSV (or HSB)	220.2°, 48.4, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.749, 6.069, -34.382
XYZ	20.141, 19.922, 47.037
xyY	0.231, 0.229, 19.922
CIE-LCH	51.749, 34.913, 280.011
CIE-LUV	51.749, -15.295, -52.896
Hunter-Lab	44.634, 2.436, -31.238
Binary	01011110, 01111011, 10110110

#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#b6995e
```
#b6995e rgb(182,153,94)
```

Complementary Color

#5ea7b6
```
#5ea7b6 rgb(94,167,182)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#6d5eb6
```
#6d5eb6 rgb(109,94,182)
```

Analogous Color

#a7b65e
```
#a7b65e rgb(167,182,94)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#b66d5e
```
#b66d5e rgb(182,109,94)
```

Split Complementary Color

#7bb65e
```
#7bb65e rgb(123,182,94)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#b65e7b
```
#b65e7b rgb(182,94,123)
```

Triadic Color

#5eb699
```
#5eb699 rgb(94,182,153)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#b65e7b
```
#b65e7b rgb(182,94,123)
```
#b6995e
```
#b6995e rgb(182,153,94)
```

Tetradic Color

#3e5789
```
#3e5789 rgb(62,87,137)
```
#46629b
```
#46629b rgb(70,98,155)
```
#4e6dac
```
#4e6dac rgb(78,109,172)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#7089be
```
#7089be rgb(112,137,190)
```
#8198c6
```
#8198c6 rgb(129,152,198)
```
#93a6ce
```
#93a6ce rgb(147,166,206)
```

Monochromatic Color

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

#5e91b6
```
#5e91b6 rgb(94,145,182)
```
#5e8ab6
```
#5e8ab6 rgb(94,138,182)
```
#5e82b6
```
#5e82b6 rgb(94,130,182)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#5e74b6
```
#5e74b6 rgb(94,116,182)
```
#5e6cb6
```
#5e6cb6 rgb(94,108,182)
```
#5e65b6
```
#5e65b6 rgb(94,101,182)
```

Similar Colors

Text with hexadecimal color #5e7bb6

This text has a font color of #5e7bb6.

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

#5e7bb6 background color

This paragraph has a background color of #5e7bb6.

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

#5e7bb6 border color

This element has a border color of #5e7bb6.

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

CSS codes

.text {color:#5e7bb6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0d121c
```
#0d121c rgb(13,18,28)
```
#131a29
```
#131a29 rgb(19,26,41)
```
#192337
```
#192337 rgb(25,35,55)
```
#1f2b44
```
#1f2b44 rgb(31,43,68)
```
#253452
```
#253452 rgb(37,52,82)
```
#2b3c5f
```
#2b3c5f rgb(43,60,95)
```
#31456d
```
#31456d rgb(49,69,109)
```
#384e7a
```
#384e7a rgb(56,78,122)
```
#3e5688
```
#3e5688 rgb(62,86,136)
```
#445f95
```
#445f95 rgb(68,95,149)
```
#4a67a3
```
#4a67a3 rgb(74,103,163)
```

Shade Color Variation

#5170b0
```
#5170b0 rgb(81,112,176)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#6b86bc
```
#6b86bc rgb(107,134,188)
```
#7991c2
```
#7991c2 rgb(121,145,194)
```
#869cc8
```
#869cc8 rgb(134,156,200)
```
#94a7ce
```
#94a7ce rgb(148,167,206)
```
#a1b2d5
```
#a1b2d5 rgb(161,178,213)
```
#afbddb
```
#afbddb rgb(175,189,219)
```
#bcc8e1
```
#bcc8e1 rgb(188,200,225)
```
#cad4e7
```
#cad4e7 rgb(202,212,231)
```
#d7dfed
```
#d7dfed rgb(215,223,237)
```
#e5eaf3
```
#e5eaf3 rgb(229,234,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#828792
```
#828792 rgb(130,135,146)
```
#79849b
```
#79849b rgb(121,132,155)
```
#7081a4
```
#7081a4 rgb(112,129,164)
```
#677ead
```
#677ead rgb(103,126,173)
```
#5e7bb6
```
#5e7bb6 rgb(94,123,182)
```
#5578bf
```
#5578bf rgb(85,120,191)
```
#4c75c8
```
#4c75c8 rgb(76,117,200)
```
#4372d1
```
#4372d1 rgb(67,114,209)
```
#3a6fda
```
#3a6fda rgb(58,111,218)
```
#316ce3
```
#316ce3 rgb(49,108,227)
```
#2869ec
```
#2869ec rgb(40,105,236)
```
#1f66f5
```
#1f66f5 rgb(31,102,245)
```
#1662fe
```
#1662fe rgb(22,98,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#747985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e80b8 Protanopia 1% of men
#6781b9 Deuteranopia 1% of men
#578993 Tritanopia 0.001% of the population

Trichromacy

#687eb7 Protanomaly 1% of men, 0.01% of women
#647fb8 Deuteranomaly 6% of men, 0.4% of women
#5984a0 Tritanomaly 0.01% of the population

#5e7bb6 hex color

#5e7bb6 Color Information

#5e7bb6 Color Conversion

Color Schemes with #5e7bb6

Alternatives to #5e7bb6

#5e7bb6 Preview

Shades and Tints of #5e7bb6

Tones of #5e7bb6

Color Blindness Simulator