#5795e2 hex color

In a RGB color space, hex #5795e2 is composed of 34.1% red, 58.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 34.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.2 degrees, a saturation of 70.6% and a lightness of 61.4%. #5795e2 color hex could be obtained by blending #aeffff with #002bc5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 58
- B 89
RGB color chart
- C 62
- M 34
- Y 0
- K 11
CMYK color chart

● #5795e2 color description : Soft blue.

The hexadecimal color #5795e2 has RGB values of R:87, G:149, B:226 and CMYK values of C:0.62, M:0.34, Y:0, K:0.11. Its decimal value is 5740002.

Hex triplet	5795e2	`#5795e2`
RGB Decimal	87, 149, 226	`rgb(87,149,226)`
RGB Percent	34.1, 58.4, 88.6	`rgb(34.1%,58.4%,88.6%)`
CMYK	62, 34, 0, 11
HSL	213.2°, 70.6, 61.4	`hsl(213.2,70.6%,61.4%)`
HSV (or HSB)	213.2°, 61.5, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.791, 3.284, -45.052
XYZ	28.402, 29.01, 76.05
xyY	0.213, 0.217, 29.01
CIE-LCH	60.791, 45.172, 274.169
CIE-LUV	60.791, -26.55, -71.817
Hunter-Lab	53.861, -0.13, -46.013
Binary	01010111, 10010101, 11100010

#5795e2
```
#5795e2 rgb(87,149,226)
```
#e2a457
```
#e2a457 rgb(226,164,87)
```

Complementary Color

#57dbe2
```
#57dbe2 rgb(87,219,226)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#5e57e2
```
#5e57e2 rgb(94,87,226)
```

Analogous Color

#dbe257
```
#dbe257 rgb(219,226,87)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#e25f57
```
#e25f57 rgb(226,95,87)
```

Split Complementary Color

#95e257
```
#95e257 rgb(149,226,87)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#e25795
```
#e25795 rgb(226,87,149)
```

Triadic Color

#57e2a4
```
#57e2a4 rgb(87,226,164)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#e25795
```
#e25795 rgb(226,87,149)
```
#e2a457
```
#e2a457 rgb(226,164,87)
```

Tetradic Color

#236dca
```
#236dca rgb(35,109,202)
```
#2c7ada
```
#2c7ada rgb(44,122,218)
```
#4187de
```
#4187de rgb(65,135,222)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#6da3e6
```
#6da3e6 rgb(109,163,230)
```
#82b0ea
```
#82b0ea rgb(130,176,234)
```
#98beed
```
#98beed rgb(152,190,237)
```

Monochromatic Color

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

#57b8e2
```
#57b8e2 rgb(87,184,226)
```
#57ace2
```
#57ace2 rgb(87,172,226)
```
#57a1e2
```
#57a1e2 rgb(87,161,226)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#5789e2
```
#5789e2 rgb(87,137,226)
```
#577ee2
```
#577ee2 rgb(87,126,226)
```
#5772e2
```
#5772e2 rgb(87,114,226)
```

Similar Colors

Text with hexadecimal color #5795e2

This text has a font color of #5795e2.

<span style="color:#5795e2;">Text here</span>

#5795e2 background color

This paragraph has a background color of #5795e2.

<p style="background-color:#5795e2;">Content here</p>

#5795e2 border color

This element has a border color of #5795e2.

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

CSS codes

.text {color:#5795e2;}

.background {background-color:#5795e2;}

.border {border:1px solid #5795e2;}

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

#030910
```
#030910 rgb(3,9,16)
```
#061221
```
#061221 rgb(6,18,33)
```
#091b31
```
#091b31 rgb(9,27,49)
```
#0b2442
```
#0b2442 rgb(11,36,66)
```
#0e2d53
```
#0e2d53 rgb(14,45,83)
```
#113664
```
#113664 rgb(17,54,100)
```
#143f74
```
#143f74 rgb(20,63,116)
```
#174885
```
#174885 rgb(23,72,133)
```
#1a5196
```
#1a5196 rgb(26,81,150)
```
#1d5aa7
```
#1d5aa7 rgb(29,90,167)
```
#2063b7
```
#2063b7 rgb(32,99,183)
```
#236cc8
```
#236cc8 rgb(35,108,200)
```
#2575d9
```
#2575d9 rgb(37,117,217)
```

Shade Color Variation

#3680dc
```
#3680dc rgb(54,128,220)
```
#468adf
```
#468adf rgb(70,138,223)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#68a0e5
```
#68a0e5 rgb(104,160,229)
```
#78aae8
```
#78aae8 rgb(120,170,232)
```
#89b5eb
```
#89b5eb rgb(137,181,235)
```
#9abfee
```
#9abfee rgb(154,191,238)
```
#abcaf0
```
#abcaf0 rgb(171,202,240)
```
#bbd4f3
```
#bbd4f3 rgb(187,212,243)
```
#ccdff6
```
#ccdff6 rgb(204,223,246)
```
#dde9f9
```
#dde9f9 rgb(221,233,249)
```
#eef4fc
```
#eef4fc rgb(238,244,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#9b9c9e
```
#9b9c9e rgb(155,156,158)
```
#949ca5
```
#949ca5 rgb(148,156,165)
```
#8c9bad
```
#8c9bad rgb(140,155,173)
```
#849ab5
```
#849ab5 rgb(132,154,181)
```
#7d99bc
```
#7d99bc rgb(125,153,188)
```
#7598c4
```
#7598c4 rgb(117,152,196)
```
#6e97cb
```
#6e97cb rgb(110,151,203)
```
#6697d3
```
#6697d3 rgb(102,151,211)
```
#5f96da
```
#5f96da rgb(95,150,218)
```
#5795e2
```
#5795e2 rgb(87,149,226)
```
#4f94ea
```
#4f94ea rgb(79,148,234)
```
#4893f1
```
#4893f1 rgb(72,147,241)
```
#4093f9
```
#4093f9 rgb(64,147,249)
```

Tone Color Variation

Below, you can see how #5795e2 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

#8b8b8b Achromatopsia 0.005% of the population
#818d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b95df Protanopia 1% of men
#6c98e4 Deuteranopia 1% of men
#3fa5b1 Tritanopia 0.001% of the population

Trichromacy

#6e95e0 Protanomaly 1% of men, 0.01% of women
#6497e3 Deuteranomaly 6% of men, 0.4% of women
#479fc3 Tritanomaly 0.01% of the population

#5795e2 hex color

#5795e2 Color Information

#5795e2 Color Conversion

Color Schemes with #5795e2

Alternatives to #5795e2

#5795e2 Preview

Shades and Tints of #5795e2

Tones of #5795e2

Color Blindness Simulator