#5da2e5 hex color

In a RGB color space, hex #5da2e5 is composed of 36.5% red, 63.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 29.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 209.6 degrees, a saturation of 72.3% and a lightness of 63.1%. #5da2e5 color hex could be obtained by blending #baffff with #0045cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 64
- B 90
RGB color chart
- C 59
- M 29
- Y 0
- K 10
CMYK color chart

● #5da2e5 color description : Soft blue.

The hexadecimal color #5da2e5 has RGB values of R:93, G:162, B:229 and CMYK values of C:0.59, M:0.29, Y:0, K:0.1. Its decimal value is 6136549.

Hex triplet	5da2e5	`#5da2e5`
RGB Decimal	93, 162, 229	`rgb(93,162,229)`
RGB Percent	36.5, 63.5, 89.8	`rgb(36.5%,63.5%,89.8%)`
CMYK	59, 29, 0, 10
HSL	209.6°, 72.3, 63.1	`hsl(209.6,72.3%,63.1%)`
HSV (or HSB)	209.6°, 59.4, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.822, -2.084, -40.359
XYZ	31.574, 33.823, 78.989
xyY	0.219, 0.234, 33.823
CIE-LCH	64.822, 40.413, 267.044
CIE-LUV	64.822, -29.547, -64.046
Hunter-Lab	58.157, -4.867, -39.817
Binary	01011101, 10100010, 11100101

#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#e5a05d
```
#e5a05d rgb(229,160,93)
```

Complementary Color

#5de5e4
```
#5de5e4 rgb(93,229,228)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#5d5ee5
```
#5d5ee5 rgb(93,94,229)
```

Analogous Color

#e5e45d
```
#e5e45d rgb(229,228,93)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#e55d5e
```
#e55d5e rgb(229,93,94)
```

Split Complementary Color

#a2e55d
```
#a2e55d rgb(162,229,93)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#e55da2
```
#e55da2 rgb(229,93,162)
```

Triadic Color

#5de5a0
```
#5de5a0 rgb(93,229,160)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#e55da2
```
#e55da2 rgb(229,93,162)
```
#e5a05d
```
#e5a05d rgb(229,160,93)
```

Tetradic Color

#227cd4
```
#227cd4 rgb(34,124,212)
```
#3189de
```
#3189de rgb(49,137,222)
```
#4795e1
```
#4795e1 rgb(71,149,225)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#73afe9
```
#73afe9 rgb(115,175,233)
```
#89bbec
```
#89bbec rgb(137,187,236)
```
#9fc8f0
```
#9fc8f0 rgb(159,200,240)
```

Monochromatic Color

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

#5dc4e5
```
#5dc4e5 rgb(93,196,229)
```
#5db9e5
```
#5db9e5 rgb(93,185,229)
```
#5dade5
```
#5dade5 rgb(93,173,229)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#5d97e5
```
#5d97e5 rgb(93,151,229)
```
#5d8be5
```
#5d8be5 rgb(93,139,229)
```
#5d80e5
```
#5d80e5 rgb(93,128,229)
```

Similar Colors

Text with hexadecimal color #5da2e5

This text has a font color of #5da2e5.

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

#5da2e5 background color

This paragraph has a background color of #5da2e5.

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

#5da2e5 border color

This element has a border color of #5da2e5.

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

CSS codes

.text {color:#5da2e5;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#071829
```
#071829 rgb(7,24,41)
```
#09223a
```
#09223a rgb(9,34,58)
```
#0c2c4b
```
#0c2c4b rgb(12,44,75)
```
#0f365c
```
#0f365c rgb(15,54,92)
```
#11406c
```
#11406c rgb(17,64,108)
```
#144a7d
```
#144a7d rgb(20,74,125)
```
#17538e
```
#17538e rgb(23,83,142)
```
#1a5d9f
```
#1a5d9f rgb(26,93,159)
```
#1c67b0
```
#1c67b0 rgb(28,103,176)
```
#1f71c1
```
#1f71c1 rgb(31,113,193)
```
#227bd2
```
#227bd2 rgb(34,123,210)
```

Shade Color Variation

#2a85dd
```
#2a85dd rgb(42,133,221)
```
#3b8fe0
```
#3b8fe0 rgb(59,143,224)
```
#4c98e2
```
#4c98e2 rgb(76,152,226)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#6eace8
```
#6eace8 rgb(110,172,232)
```
#7fb5ea
```
#7fb5ea rgb(127,181,234)
```
#90bfed
```
#90bfed rgb(144,191,237)
```
#a1c9f0
```
#a1c9f0 rgb(161,201,240)
```
#b2d3f3
```
#b2d3f3 rgb(178,211,243)
```
#c2dcf5
```
#c2dcf5 rgb(194,220,245)
```
#d3e6f8
```
#d3e6f8 rgb(211,230,248)
```
#e4f0fb
```
#e4f0fb rgb(228,240,251)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#9ea1a4
```
#9ea1a4 rgb(158,161,164)
```
#97a1ab
```
#97a1ab rgb(151,161,171)
```
#90a1b2
```
#90a1b2 rgb(144,161,178)
```
#88a1ba
```
#88a1ba rgb(136,161,186)
```
#81a1c1
```
#81a1c1 rgb(129,161,193)
```
#7aa2c8
```
#7aa2c8 rgb(122,162,200)
```
#73a2cf
```
#73a2cf rgb(115,162,207)
```
#6ba2d7
```
#6ba2d7 rgb(107,162,215)
```
#64a2de
```
#64a2de rgb(100,162,222)
```
#5da2e5
```
#5da2e5 rgb(93,162,229)
```
#56a2ec
```
#56a2ec rgb(86,162,236)
```
#4fa2f3
```
#4fa2f3 rgb(79,162,243)
```
#47a2fb
```
#47a2fb rgb(71,162,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a98a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba0e1 Protanopia 1% of men
#80a1e8 Deuteranopia 1% of men
#4dafbc Tritanopia 0.001% of the population

Trichromacy

#7aa0e2 Protanomaly 1% of men, 0.01% of women
#73a1e7 Deuteranomaly 6% of men, 0.4% of women
#52aacb Tritanomaly 0.01% of the population

#5da2e5 hex color

#5da2e5 Color Information

#5da2e5 Color Conversion

Color Schemes with #5da2e5

Alternatives to #5da2e5

#5da2e5 Preview

Shades and Tints of #5da2e5

Tones of #5da2e5

Color Blindness Simulator