colorhexa.com

#5a7be8 hex color

In a RGB color space, hex #5a7be8 is composed of 35.3% red, 48.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 47% magenta, 0% yellow and 9% black. It has a hue angle of 226.1 degrees, a saturation of 75.5% and a lightness of 63.1%. #5a7be8 color hex could be obtained by blending #b4f6ff with #0000d1. Closest websafe color is: #6666ff.

- R 35
- G 48
- B 91
RGB color chart
- C 61
- M 47
- Y 0
- K 9
CMYK color chart

● #5a7be8 color description : Soft blue.

The hexadecimal color #5a7be8 has RGB values of R:90, G:123, B:232 and CMYK values of C:0.61, M:0.47, Y:0, K:0.09. Its decimal value is 5929960.

Hex triplet	5a7be8	`#5a7be8`
RGB Decimal	90, 123, 232	`rgb(90,123,232)`
RGB Percent	35.3, 48.2, 91	`rgb(35.3%,48.2%,91%)`
CMYK	61, 47, 0, 9
HSL	226.1°, 75.5, 63.1	`hsl(226.1,75.5%,63.1%)`
HSV (or HSB)	226.1°, 61.2, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.201, 21.409, -58.872
XYZ	25.862, 22.164, 79.255
xyY	0.203, 0.174, 22.164
CIE-LCH	54.201, 62.644, 289.983
CIE-LUV	54.201, -17.12, -94.2
Hunter-Lab	47.079, 15.667, -66.856
Binary	01011010, 01111011, 11101000

#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#e8c75a
```
#e8c75a rgb(232,199,90)
```

Complementary Color

#5ac2e8
```
#5ac2e8 rgb(90,194,232)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#805ae8
```
#805ae8 rgb(128,90,232)
```

Analogous Color

#c2e85a
```
#c2e85a rgb(194,232,90)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#e8805a
```
#e8805a rgb(232,128,90)
```

Split Complementary Color

#7be85a
```
#7be85a rgb(123,232,90)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#e85a7b
```
#e85a7b rgb(232,90,123)
```

Triadic Color

#5ae8c7
```
#5ae8c7 rgb(90,232,199)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#e85a7b
```
#e85a7b rgb(232,90,123)
```
#e8c75a
```
#e8c75a rgb(232,199,90)
```

Tetradic Color

#1e49d7
```
#1e49d7 rgb(30,73,215)
```
#2d57e2
```
#2d57e2 rgb(45,87,226)
```
#4469e5
```
#4469e5 rgb(68,105,229)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#708deb
```
#708deb rgb(112,141,235)
```
#879fee
```
#879fee rgb(135,159,238)
```
#9db1f1
```
#9db1f1 rgb(157,177,241)
```

Monochromatic Color

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

#5a9fe8
```
#5a9fe8 rgb(90,159,232)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#5a87e8
```
#5a87e8 rgb(90,135,232)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#5a6fe8
```
#5a6fe8 rgb(90,111,232)
```
#5a63e8
```
#5a63e8 rgb(90,99,232)
```
#5c5ae8
```
#5c5ae8 rgb(92,90,232)
```

Similar Colors

Text with hexadecimal color #5a7be8

This text has a font color of #5a7be8.

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

#5a7be8 background color

This paragraph has a background color of #5a7be8.

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

#5a7be8 border color

This element has a border color of #5a7be8.

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

CSS codes

.text {color:#5a7be8;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030818
```
#030818 rgb(3,8,24)
```
#060e2a
```
#060e2a rgb(6,14,42)
```
#08143b
```
#08143b rgb(8,20,59)
```
#0b1a4c
```
#0b1a4c rgb(11,26,76)
```
#0d205d
```
#0d205d rgb(13,32,93)
```
#0f256e
```
#0f256e rgb(15,37,110)
```
#122b80
```
#122b80 rgb(18,43,128)
```
#143191
```
#143191 rgb(20,49,145)
```
#1737a2
```
#1737a2 rgb(23,55,162)
```
#193db3
```
#193db3 rgb(25,61,179)
```
#1b43c5
```
#1b43c5 rgb(27,67,197)
```
#1e49d6
```
#1e49d6 rgb(30,73,214)
```

Shade Color Variation

#2652e1
```
#2652e1 rgb(38,82,225)
```
#385fe3
```
#385fe3 rgb(56,95,227)
```
#496de6
```
#496de6 rgb(73,109,230)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#6b89ea
```
#6b89ea rgb(107,137,234)
```
#7c97ed
```
#7c97ed rgb(124,151,237)
```
#8ea4ef
```
#8ea4ef rgb(142,164,239)
```
#9fb2f2
```
#9fb2f2 rgb(159,178,242)
```
#b0c0f4
```
#b0c0f4 rgb(176,192,244)
```
#c1cef6
```
#c1cef6 rgb(193,206,246)
```
#d3dbf9
```
#d3dbf9 rgb(211,219,249)
```
#e4e9fb
```
#e4e9fb rgb(228,233,251)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9b9ea7
```
#9b9ea7 rgb(155,158,167)
```
#949aae
```
#949aae rgb(148,154,174)
```
#8d96b5
```
#8d96b5 rgb(141,150,181)
```
#8592bd
```
#8592bd rgb(133,146,189)
```
#7e8ec4
```
#7e8ec4 rgb(126,142,196)
```
#778acb
```
#778acb rgb(119,138,203)
```
#7087d2
```
#7087d2 rgb(112,135,210)
```
#6883da
```
#6883da rgb(104,131,218)
```
#617fe1
```
#617fe1 rgb(97,127,225)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#5377ef
```
#5377ef rgb(83,119,239)
```
#4c73f6
```
#4c73f6 rgb(76,115,246)
```
#446ffe
```
#446ffe rgb(68,111,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e84eb Protanopia 1% of men
#1c8ae5 Deuteranopia 1% of men
#2e949f Tritanopia 0.001% of the population

Trichromacy

#5281ea Protanomaly 1% of men, 0.01% of women
#3284e6 Deuteranomaly 6% of men, 0.4% of women
#3e8bb9 Tritanomaly 0.01% of the population