#5d84ea hex color

In a RGB color space, hex #5d84ea is composed of 36.5% red, 51.8% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 43.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 223.4 degrees, a saturation of 77% and a lightness of 64.1%. #5d84ea color hex could be obtained by blending #baffff with #0009d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 52
- B 92
RGB color chart
- C 60
- M 44
- Y 0
- K 8
CMYK color chart

● #5d84ea color description : Soft blue.

The hexadecimal color #5d84ea has RGB values of R:93, G:132, B:234 and CMYK values of C:0.6, M:0.44, Y:0, K:0.08. Its decimal value is 6128874.

Hex triplet	5d84ea	`#5d84ea`
RGB Decimal	93, 132, 234	`rgb(93,132,234)`
RGB Percent	36.5, 51.8, 91.8	`rgb(36.5%,51.8%,91.8%)`
CMYK	60, 44, 0, 8
HSL	223.4°, 77, 64.1	`hsl(223.4,77%,64.1%)`
HSV (or HSB)	223.4°, 60.3, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.849, 17.149, -55.739
XYZ	27.614, 24.769, 81.163
xyY	0.207, 0.185, 24.769
CIE-LCH	56.849, 58.317, 287.102
CIE-LUV	56.849, -19.187, -89.759
Hunter-Lab	49.768, 11.946, -61.854
Binary	01011101, 10000100, 11101010

#5d84ea
```
#5d84ea rgb(93,132,234)
```
#eac35d
```
#eac35d rgb(234,195,93)
```

Complementary Color

#5dcbea
```
#5dcbea rgb(93,203,234)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#7d5dea
```
#7d5dea rgb(125,93,234)
```

Analogous Color

#cbea5d
```
#cbea5d rgb(203,234,93)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#ea7d5d
```
#ea7d5d rgb(234,125,93)
```

Split Complementary Color

#84ea5d
```
#84ea5d rgb(132,234,93)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#ea5d84
```
#ea5d84 rgb(234,93,132)
```

Triadic Color

#5deac3
```
#5deac3 rgb(93,234,195)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#ea5d84
```
#ea5d84 rgb(234,93,132)
```
#eac35d
```
#eac35d rgb(234,195,93)
```

Tetradic Color

#1d52de
```
#1d52de rgb(29,82,222)
```
#3062e4
```
#3062e4 rgb(48,98,228)
```
#4673e7
```
#4673e7 rgb(70,115,231)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#7495ed
```
#7495ed rgb(116,149,237)
```
#8aa6f0
```
#8aa6f0 rgb(138,166,240)
```
#a1b7f3
```
#a1b7f3 rgb(161,183,243)
```

Monochromatic Color

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

#5da7ea
```
#5da7ea rgb(93,167,234)
```
#5d9cea
```
#5d9cea rgb(93,156,234)
```
#5d90ea
```
#5d90ea rgb(93,144,234)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#5d78ea
```
#5d78ea rgb(93,120,234)
```
#5d6dea
```
#5d6dea rgb(93,109,234)
```
#5d61ea
```
#5d61ea rgb(93,97,234)
```

Similar Colors

Text with hexadecimal color #5d84ea

This text has a font color of #5d84ea.

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

#5d84ea background color

This paragraph has a background color of #5d84ea.

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

#5d84ea border color

This element has a border color of #5d84ea.

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

CSS codes

.text {color:#5d84ea;}

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

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

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, #02040c is the darkest color, while #f9fbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#040b1d
```
#040b1d rgb(4,11,29)
```
#06112e
```
#06112e rgb(6,17,46)
```
#081840
```
#081840 rgb(8,24,64)
```
#0b1e51
```
#0b1e51 rgb(11,30,81)
```
#0d2462
```
#0d2462 rgb(13,36,98)
```
#0f2b74
```
#0f2b74 rgb(15,43,116)
```
#113185
```
#113185 rgb(17,49,133)
```
#143897
```
#143897 rgb(20,56,151)
```
#163ea8
```
#163ea8 rgb(22,62,168)
```
#1845b9
```
#1845b9 rgb(24,69,185)
```
#1a4bcb
```
#1a4bcb rgb(26,75,203)
```
#1d51dc
```
#1d51dc rgb(29,81,220)
```

Shade Color Variation

#295ce3
```
#295ce3 rgb(41,92,227)
```
#3a6ae5
```
#3a6ae5 rgb(58,106,229)
```
#4c77e8
```
#4c77e8 rgb(76,119,232)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#6e91ec
```
#6e91ec rgb(110,145,236)
```
#809eef
```
#809eef rgb(128,158,239)
```
#91acf1
```
#91acf1 rgb(145,172,241)
```
#a2b9f3
```
#a2b9f3 rgb(162,185,243)
```
#b4c6f5
```
#b4c6f5 rgb(180,198,245)
```
#c5d3f8
```
#c5d3f8 rgb(197,211,248)
```
#d7e0fa
```
#d7e0fa rgb(215,224,250)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a3a3a4
```
#a3a3a4 rgb(163,163,164)
```
#9ca0ab
```
#9ca0ab rgb(156,160,171)
```
#959db2
```
#959db2 rgb(149,157,178)
```
#8e9ab9
```
#8e9ab9 rgb(142,154,185)
```
#8797c0
```
#8797c0 rgb(135,151,192)
```
#8094c7
```
#8094c7 rgb(128,148,199)
```
#7991ce
```
#7991ce rgb(121,145,206)
```
#728dd5
```
#728dd5 rgb(114,141,213)
```
#6b8adc
```
#6b8adc rgb(107,138,220)
```
#6487e3
```
#6487e3 rgb(100,135,227)
```
#5d84ea
```
#5d84ea rgb(93,132,234)
```
#5681f1
```
#5681f1 rgb(86,129,241)
```
#4f7ef8
```
#4f7ef8 rgb(79,126,248)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7c8498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8beb Protanopia 1% of men
#4190e8 Deuteranopia 1% of men
#399aa6 Tritanopia 0.001% of the population

Trichromacy

#5e88eb Protanomaly 1% of men, 0.01% of women
#4b8be9 Deuteranomaly 6% of men, 0.4% of women
#4692be Tritanomaly 0.01% of the population

#5d84ea hex color

#5d84ea Color Information

#5d84ea Color Conversion

Color Schemes with #5d84ea

Alternatives to #5d84ea

#5d84ea Preview

Shades and Tints of #5d84ea

Tones of #5d84ea

Color Blindness Simulator