#5d6afb hex color

In a RGB color space, hex #5d6afb is composed of 36.5% red, 41.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 57.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 235.1 degrees, a saturation of 95.2% and a lightness of 67.5%. #5d6afb color hex could be obtained by blending #bad4ff with #0000f7. Closest websafe color is: #6666ff.

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

● #5d6afb color description : Soft blue.

The hexadecimal color #5d6afb has RGB values of R:93, G:106, B:251 and CMYK values of C:0.63, M:0.58, Y:0, K:0.02. Its decimal value is 6122235.

Hex triplet	5d6afb	`#5d6afb`
RGB Decimal	93, 106, 251	`rgb(93,106,251)`
RGB Percent	36.5, 41.6, 98.4	`rgb(36.5%,41.6%,98.4%)`
CMYK	63, 58, 0, 2
HSL	235.1°, 95.2, 67.5	`hsl(235.1,95.2%,67.5%)`
HSV (or HSB)	235.1°, 62.9, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.381, 38.564, -74.005
XYZ	27.077, 19.599, 93.618
xyY	0.193, 0.14, 19.599
CIE-LCH	51.381, 83.45, 297.524
CIE-LUV	51.381, -11.955, -117.083
Hunter-Lab	44.271, 31.703, -94.389
Binary	01011101, 01101010, 11111011

#5d6afb
```
#5d6afb rgb(93,106,251)
```
#fbee5d
```
#fbee5d rgb(251,238,93)
```

Complementary Color

#5db9fb
```
#5db9fb rgb(93,185,251)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#9f5dfb
```
#9f5dfb rgb(159,93,251)
```

Analogous Color

#b9fb5d
```
#b9fb5d rgb(185,251,93)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#fb9f5d
```
#fb9f5d rgb(251,159,93)
```

Split Complementary Color

#6afb5d
```
#6afb5d rgb(106,251,93)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#fb5d6a
```
#fb5d6a rgb(251,93,106)
```

Triadic Color

#5dfbee
```
#5dfbee rgb(93,251,238)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#fb5d6a
```
#fb5d6a rgb(251,93,106)
```
#fbee5d
```
#fbee5d rgb(251,238,93)
```

Tetradic Color

#1225f9
```
#1225f9 rgb(18,37,249)
```
#2b3cfa
```
#2b3cfa rgb(43,60,250)
```
#4453fa
```
#4453fa rgb(68,83,250)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#7681fc
```
#7681fc rgb(118,129,252)
```
#8f98fc
```
#8f98fc rgb(143,152,252)
```
#a8affd
```
#a8affd rgb(168,175,253)
```

Monochromatic Color

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

#5d92fb
```
#5d92fb rgb(93,146,251)
```
#5d84fb
```
#5d84fb rgb(93,132,251)
```
#5d77fb
```
#5d77fb rgb(93,119,251)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#5d5dfb
```
#5d5dfb rgb(93,93,251)
```
#6a5dfb
```
#6a5dfb rgb(106,93,251)
```
#785dfb
```
#785dfb rgb(120,93,251)
```

Similar Colors

Text with hexadecimal color #5d6afb

This text has a font color of #5d6afb.

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

#5d6afb background color

This paragraph has a background color of #5d6afb.

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

#5d6afb border color

This element has a border color of #5d6afb.

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

CSS codes

.text {color:#5d6afb;}

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

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

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, #00010a is the darkest color, while #f6f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#01031d
```
#01031d rgb(1,3,29)
```
#010531
```
#010531 rgb(1,5,49)
```
#020744
```
#020744 rgb(2,7,68)
```
#020957
```
#020957 rgb(2,9,87)
```
#030b6a
```
#030b6a rgb(3,11,106)
```
#030d7d
```
#030d7d rgb(3,13,125)
```
#040f90
```
#040f90 rgb(4,15,144)
```
#0411a3
```
#0411a3 rgb(4,17,163)
```
#0513b7
```
#0513b7 rgb(5,19,183)
```
#0515ca
```
#0515ca rgb(5,21,202)
```
#0517dd
```
#0517dd rgb(5,23,221)
```
#0619f0
```
#0619f0 rgb(6,25,240)
```

Shade Color Variation

#1024f9
```
#1024f9 rgb(16,36,249)
```
#2435fa
```
#2435fa rgb(36,53,250)
```
#3747fa
```
#3747fa rgb(55,71,250)
```
#4a58fb
```
#4a58fb rgb(74,88,251)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```
#707cfb
```
#707cfb rgb(112,124,251)
```
#838dfc
```
#838dfc rgb(131,141,252)
```
#969ffc
```
#969ffc rgb(150,159,252)
```
#aab0fd
```
#aab0fd rgb(170,176,253)
```
#bdc2fd
```
#bdc2fd rgb(189,194,253)
```
#d0d4fe
```
#d0d4fe rgb(208,212,254)
```
#e3e5fe
```
#e3e5fe rgb(227,229,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#aaaaae
```
#aaaaae rgb(170,170,174)
```
#a3a5b5
```
#a3a5b5 rgb(163,165,181)
```
#9d9fbb
```
#9d9fbb rgb(157,159,187)
```
#969ac2
```
#969ac2 rgb(150,154,194)
```
#9095c8
```
#9095c8 rgb(144,149,200)
```
#8a8fce
```
#8a8fce rgb(138,143,206)
```
#838ad5
```
#838ad5 rgb(131,138,213)
```
#7d85db
```
#7d85db rgb(125,133,219)
```
#777fe1
```
#777fe1 rgb(119,127,225)
```
#707ae8
```
#707ae8 rgb(112,122,232)
```
#6a75ee
```
#6a75ee rgb(106,117,238)
```
#636ff5
```
#636ff5 rgb(99,111,245)
```
#5d6afb
```
#5d6afb rgb(93,106,251)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#2176f7 Protanomaly 1% of men, 0.01% of women
#217ae4 Deuteranomaly 6% of men, 0.4% of women
#2180bb Tritanomaly 0.01% of the population

#5d6afb hex color

#5d6afb Color Information

#5d6afb Color Conversion

Color Schemes with #5d6afb

Alternatives to #5d6afb

#5d6afb Preview

Shades and Tints of #5d6afb

Tones of #5d6afb

Color Blindness Simulator