#5d84f9 hex color

In a RGB color space, hex #5d84f9 is composed of 36.5% red, 51.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 47% magenta, 0% yellow and 2.4% black. It has a hue angle of 225 degrees, a saturation of 92.9% and a lightness of 67.1%. #5d84f9 color hex could be obtained by blending #baffff with #0009f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 52
- B 98
RGB color chart
- C 63
- M 47
- Y 0
- K 2
CMYK color chart

● #5d84f9 color description : Soft blue.

The hexadecimal color #5d84f9 has RGB values of R:93, G:132, B:249 and CMYK values of C:0.63, M:0.47, Y:0, K:0.02. Its decimal value is 6128889.

Hex triplet	5d84f9	`#5d84f9`
RGB Decimal	93, 132, 249	`rgb(93,132,249)`
RGB Percent	36.5, 51.8, 97.6	`rgb(36.5%,51.8%,97.6%)`
CMYK	63, 47, 0, 2
HSL	225°, 92.9, 67.1	`hsl(225,92.9%,67.1%)`
HSV (or HSB)	225°, 62.7, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.72, 22.146, -62.655
XYZ	29.861, 25.668, 92.998
xyY	0.201, 0.173, 25.668
CIE-LCH	57.72, 66.453, 289.466
CIE-LUV	57.72, -19.284, -101.605
Hunter-Lab	50.663, 16.547, -73.37
Binary	01011101, 10000100, 11111001

#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#f9d25d
```
#f9d25d rgb(249,210,93)
```

Complementary Color

#5dd2f9
```
#5dd2f9 rgb(93,210,249)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#845df9
```
#845df9 rgb(132,93,249)
```

Analogous Color

#d2f95d
```
#d2f95d rgb(210,249,93)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#f9845d
```
#f9845d rgb(249,132,93)
```

Split Complementary Color

#84f95d
```
#84f95d rgb(132,249,93)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#f95d84
```
#f95d84 rgb(249,93,132)
```

Triadic Color

#5df9d2
```
#5df9d2 rgb(93,249,210)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#f95d84
```
#f95d84 rgb(249,93,132)
```
#f9d25d
```
#f9d25d rgb(249,210,93)
```

Tetradic Color

#134cf6
```
#134cf6 rgb(19,76,246)
```
#2c5ff7
```
#2c5ff7 rgb(44,95,247)
```
#4471f8
```
#4471f8 rgb(68,113,248)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#7697fa
```
#7697fa rgb(118,151,250)
```
#8ea9fb
```
#8ea9fb rgb(142,169,251)
```
#a7bcfc
```
#a7bcfc rgb(167,188,252)
```

Monochromatic Color

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

#5dabf9
```
#5dabf9 rgb(93,171,249)
```
#5d9ef9
```
#5d9ef9 rgb(93,158,249)
```
#5d91f9
```
#5d91f9 rgb(93,145,249)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#5d77f9
```
#5d77f9 rgb(93,119,249)
```
#5d6af9
```
#5d6af9 rgb(93,106,249)
```
#5d5df9
```
#5d5df9 rgb(93,93,249)
```

Similar Colors

Text with hexadecimal color #5d84f9

This text has a font color of #5d84f9.

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

#5d84f9 background color

This paragraph has a background color of #5d84f9.

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

#5d84f9 border color

This element has a border color of #5d84f9.

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

CSS codes

.text {color:#5d84f9;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#01081b
```
#01081b rgb(1,8,27)
```
#020d2e
```
#020d2e rgb(2,13,46)
```
#021241
```
#021241 rgb(2,18,65)
```
#031754
```
#031754 rgb(3,23,84)
```
#041d67
```
#041d67 rgb(4,29,103)
```
#05227a
```
#05227a rgb(5,34,122)
```
#05278d
```
#05278d rgb(5,39,141)
```
#062ca0
```
#062ca0 rgb(6,44,160)
```
#0732b2
```
#0732b2 rgb(7,50,178)
```
#0737c5
```
#0737c5 rgb(7,55,197)
```
#083cd8
```
#083cd8 rgb(8,60,216)
```
#0941eb
```
#0941eb rgb(9,65,235)
```

Shade Color Variation

#114bf6
```
#114bf6 rgb(17,75,246)
```
#2459f7
```
#2459f7 rgb(36,89,247)
```
#3767f8
```
#3767f8 rgb(55,103,248)
```
#4a76f8
```
#4a76f8 rgb(74,118,248)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```
#7092fa
```
#7092fa rgb(112,146,250)
```
#83a1fa
```
#83a1fa rgb(131,161,250)
```
#96affb
```
#96affb rgb(150,175,251)
```
#a9bdfc
```
#a9bdfc rgb(169,189,252)
```
#bcccfd
```
#bcccfd rgb(188,204,253)
```
#cedafd
```
#cedafd rgb(206,218,253)
```
#e1e9fe
```
#e1e9fe rgb(225,233,254)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#ababab
```
#ababab rgb(171,171,171)
```
#a4a8b2
```
#a4a8b2 rgb(164,168,178)
```
#9ea4b8
```
#9ea4b8 rgb(158,164,184)
```
#97a1bf
```
#97a1bf rgb(151,161,191)
```
#919ec5
```
#919ec5 rgb(145,158,197)
```
#8a9bcc
```
#8a9bcc rgb(138,155,204)
```
#8497d2
```
#8497d2 rgb(132,151,210)
```
#7d94d9
```
#7d94d9 rgb(125,148,217)
```
#7791df
```
#7791df rgb(119,145,223)
```
#708ee6
```
#708ee6 rgb(112,142,230)
```
#6a8aec
```
#6a8aec rgb(106,138,236)
```
#6387f3
```
#6387f3 rgb(99,135,243)
```
#5d84f9
```
#5d84f9 rgb(93,132,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e869d Atypical Achromatopsia 0.001% of the population

Dichromacy

#528dfb Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#249ea9 Tritanopia 0.001% of the population

Trichromacy

#5689fa Protanomaly 1% of men, 0.01% of women
#218df6 Deuteranomaly 6% of men, 0.4% of women
#3894c6 Tritanomaly 0.01% of the population

#5d84f9 hex color

#5d84f9 Color Information

#5d84f9 Color Conversion

Color Schemes with #5d84f9

Alternatives to #5d84f9

#5d84f9 Preview

Shades and Tints of #5d84f9

Tones of #5d84f9

Color Blindness Simulator