colorhexa.com

#5da2e9 hex color

In a RGB color space, hex #5da2e9 is composed of 36.5% red, 63.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 30.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 210.4 degrees, a saturation of 76.1% and a lightness of 63.9%. #5da2e9 color hex could be obtained by blending #baffff with #0045d3. Closest websafe color is: #6699ff.

- R 36
- G 64
- B 91
RGB color chart
- C 60
- M 30
- Y 0
- K 9
CMYK color chart

● #5da2e9 color description : Soft blue.

The hexadecimal color #5da2e9 has RGB values of R:93, G:162, B:233 and CMYK values of C:0.6, M:0.3, Y:0, K:0.09. Its decimal value is 6136553.

Hex triplet	5da2e9	`#5da2e9`
RGB Decimal	93, 162, 233	`rgb(93,162,233)`
RGB Percent	36.5, 63.5, 91.4	`rgb(36.5%,63.5%,91.4%)`
CMYK	60, 30, 0, 9
HSL	210.4°, 76.1, 63.9	`hsl(210.4,76.1%,63.9%)`
HSV (or HSB)	210.4°, 60.1, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.001, -0.805, -42.279
XYZ	32.139, 34.049, 81.965
xyY	0.217, 0.23, 34.049
CIE-LCH	65.001, 42.286, 268.909
CIE-LUV	65.001, -29.454, -67.459
Hunter-Lab	58.351, -3.8, -42.437
Binary	01011101, 10100010, 11101001

#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#e9a45d
```
#e9a45d rgb(233,164,93)
```

Complementary Color

#5de8e9
```
#5de8e9 rgb(93,232,233)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#5e5de9
```
#5e5de9 rgb(94,93,233)
```

Analogous Color

#e8e95d
```
#e8e95d rgb(232,233,93)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#e95e5d
```
#e95e5d rgb(233,94,93)
```

Split Complementary Color

#a2e95d
```
#a2e95d rgb(162,233,93)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#e95da2
```
#e95da2 rgb(233,93,162)
```

Triadic Color

#5de9a4
```
#5de9a4 rgb(93,233,164)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#e95da2
```
#e95da2 rgb(233,93,162)
```
#e9a45d
```
#e9a45d rgb(233,164,93)
```

Tetradic Color

#1e7bdc
```
#1e7bdc rgb(30,123,220)
```
#3088e3
```
#3088e3 rgb(48,136,227)
```
#4795e6
```
#4795e6 rgb(71,149,230)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#73afec
```
#73afec rgb(115,175,236)
```
#8abcef
```
#8abcef rgb(138,188,239)
```
#a0c9f2
```
#a0c9f2 rgb(160,201,242)
```

Monochromatic Color

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

#5dc5e9
```
#5dc5e9 rgb(93,197,233)
```
#5db9e9
```
#5db9e9 rgb(93,185,233)
```
#5daee9
```
#5daee9 rgb(93,174,233)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#5d96e9
```
#5d96e9 rgb(93,150,233)
```
#5d8be9
```
#5d8be9 rgb(93,139,233)
```
#5d7fe9
```
#5d7fe9 rgb(93,127,233)
```

Similar Colors

Text with hexadecimal color #5da2e9

This text has a font color of #5da2e9.

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

#5da2e9 background color

This paragraph has a background color of #5da2e9.

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

#5da2e9 border color

This element has a border color of #5da2e9.

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

CSS codes

.text {color:#5da2e9;}

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

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

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#06192d
```
#06192d rgb(6,25,45)
```
#08233f
```
#08233f rgb(8,35,63)
```
#0b2d50
```
#0b2d50 rgb(11,45,80)
```
#0d3761
```
#0d3761 rgb(13,55,97)
```
#104072
```
#104072 rgb(16,64,114)
```
#124a84
```
#124a84 rgb(18,74,132)
```
#145495
```
#145495 rgb(20,84,149)
```
#175da6
```
#175da6 rgb(23,93,166)
```
#1967b7
```
#1967b7 rgb(25,103,183)
```
#1b71c9
```
#1b71c9 rgb(27,113,201)
```
#1e7ada
```
#1e7ada rgb(30,122,218)
```

Shade Color Variation

#2984e2
```
#2984e2 rgb(41,132,226)
```
#3a8ee4
```
#3a8ee4 rgb(58,142,228)
```
#4c98e7
```
#4c98e7 rgb(76,152,231)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#6eaceb
```
#6eaceb rgb(110,172,235)
```
#80b6ee
```
#80b6ee rgb(128,182,238)
```
#91c0f0
```
#91c0f0 rgb(145,192,240)
```
#a2caf2
```
#a2caf2 rgb(162,202,242)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#c5ddf7
```
#c5ddf7 rgb(197,221,247)
```
#d6e7f9
```
#d6e7f9 rgb(214,231,249)
```
#e7f1fc
```
#e7f1fc rgb(231,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#9da3a9
```
#9da3a9 rgb(157,163,169)
```
#96a3b0
```
#96a3b0 rgb(150,163,176)
```
#8fa3b7
```
#8fa3b7 rgb(143,163,183)
```
#87a3bf
```
#87a3bf rgb(135,163,191)
```
#80a3c6
```
#80a3c6 rgb(128,163,198)
```
#79a2cd
```
#79a2cd rgb(121,162,205)
```
#72a2d4
```
#72a2d4 rgb(114,162,212)
```
#6ba2db
```
#6ba2db rgb(107,162,219)
```
#64a2e2
```
#64a2e2 rgb(100,162,226)
```
#5da2e9
```
#5da2e9 rgb(93,162,233)
```
#56a2f0
```
#56a2f0 rgb(86,162,240)
```
#4fa2f7
```
#4fa2f7 rgb(79,162,247)
```
#48a2fe
```
#48a2fe rgb(72,162,254)
```

Tone Color Variation

Below, you can see how #5da2e9 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
#8a98a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa0e5 Protanopia 1% of men
#7da2ec Deuteranopia 1% of men
#4ab0bd Tritanopia 0.001% of the population

Trichromacy

#79a1e6 Protanomaly 1% of men, 0.01% of women
#71a2ea Deuteranomaly 6% of men, 0.4% of women
#51aacd Tritanomaly 0.01% of the population