#5f95dd hex color

In a RGB color space, hex #5f95dd is composed of 37.3% red, 58.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 32.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 214.3 degrees, a saturation of 64.9% and a lightness of 62%. #5f95dd color hex could be obtained by blending #beffff with #002bbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 58
- B 87
RGB color chart
- C 57
- M 33
- Y 0
- K 13
CMYK color chart

● #5f95dd color description : Soft blue.

The hexadecimal color #5f95dd has RGB values of R:95, G:149, B:221 and CMYK values of C:0.57, M:0.33, Y:0, K:0.13. Its decimal value is 6264285.

Hex triplet	5f95dd	`#5f95dd`
RGB Decimal	95, 149, 221	`rgb(95,149,221)`
RGB Percent	37.3, 58.4, 86.7	`rgb(37.3%,58.4%,86.7%)`
CMYK	57, 33, 0, 13
HSL	214.3°, 64.9, 62	`hsl(214.3,64.9%,62%)`
HSV (or HSB)	214.3°, 57, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.911, 3.208, -42.061
XYZ	28.515, 29.147, 72.526
xyY	0.219, 0.224, 29.147
CIE-LCH	60.911, 42.183, 274.361
CIE-LUV	60.911, -24.478, -66.856
Hunter-Lab	53.988, -0.199, -41.858
Binary	01011111, 10010101, 11011101

#5f95dd
```
#5f95dd rgb(95,149,221)
```
#dda75f
```
#dda75f rgb(221,167,95)
```

Complementary Color

#5fd4dd
```
#5fd4dd rgb(95,212,221)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#685fdd
```
#685fdd rgb(104,95,221)
```

Analogous Color

#d4dd5f
```
#d4dd5f rgb(212,221,95)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#dd685f
```
#dd685f rgb(221,104,95)
```

Split Complementary Color

#95dd5f
```
#95dd5f rgb(149,221,95)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#dd5f95
```
#dd5f95 rgb(221,95,149)
```

Triadic Color

#5fdda7
```
#5fdda7 rgb(95,221,167)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#dd5f95
```
#dd5f95 rgb(221,95,149)
```
#dda75f
```
#dda75f rgb(221,167,95)
```

Tetradic Color

#2a6dc6
```
#2a6dc6 rgb(42,109,198)
```
#3579d4
```
#3579d4 rgb(53,121,212)
```
#4a87d9
```
#4a87d9 rgb(74,135,217)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#74a3e1
```
#74a3e1 rgb(116,163,225)
```
#89b1e6
```
#89b1e6 rgb(137,177,230)
```
#9ebfea
```
#9ebfea rgb(158,191,234)
```

Monochromatic Color

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

#5fb5dd
```
#5fb5dd rgb(95,181,221)
```
#5faadd
```
#5faadd rgb(95,170,221)
```
#5fa0dd
```
#5fa0dd rgb(95,160,221)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#5f8bdd
```
#5f8bdd rgb(95,139,221)
```
#5f80dd
```
#5f80dd rgb(95,128,221)
```
#5f76dd
```
#5f76dd rgb(95,118,221)
```

Similar Colors

Text with hexadecimal color #5f95dd

This text has a font color of #5f95dd.

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

#5f95dd background color

This paragraph has a background color of #5f95dd.

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

#5f95dd border color

This element has a border color of #5f95dd.

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

CSS codes

.text {color:#5f95dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071322
```
#071322 rgb(7,19,34)
```
#0b1c32
```
#0b1c32 rgb(11,28,50)
```
#0e2542
```
#0e2542 rgb(14,37,66)
```
#122d53
```
#122d53 rgb(18,45,83)
```
#153663
```
#153663 rgb(21,54,99)
```
#183f73
```
#183f73 rgb(24,63,115)
```
#1c4883
```
#1c4883 rgb(28,72,131)
```
#1f5193
```
#1f5193 rgb(31,81,147)
```
#235aa4
```
#235aa4 rgb(35,90,164)
```
#2663b4
```
#2663b4 rgb(38,99,180)
```
#2a6cc4
```
#2a6cc4 rgb(42,108,196)
```

Shade Color Variation

#2e75d3
```
#2e75d3 rgb(46,117,211)
```
#3f80d6
```
#3f80d6 rgb(63,128,214)
```
#4f8ada
```
#4f8ada rgb(79,138,218)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#6fa0e0
```
#6fa0e0 rgb(111,160,224)
```
#7faae4
```
#7faae4 rgb(127,170,228)
```
#90b5e7
```
#90b5e7 rgb(144,181,231)
```
#a0c0eb
```
#a0c0eb rgb(160,192,235)
```
#b0cbee
```
#b0cbee rgb(176,203,238)
```
#c0d5f2
```
#c0d5f2 rgb(192,213,242)
```
#d0e0f5
```
#d0e0f5 rgb(208,224,245)
```
#e0ebf9
```
#e0ebf9 rgb(224,235,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

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

#9b9ea1
```
#9b9ea1 rgb(155,158,161)
```
#939ca9
```
#939ca9 rgb(147,156,169)
```
#8c9bb0
```
#8c9bb0 rgb(140,155,176)
```
#849ab8
```
#849ab8 rgb(132,154,184)
```
#7d99bf
```
#7d99bf rgb(125,153,191)
```
#7598c7
```
#7598c7 rgb(117,152,199)
```
#6e97ce
```
#6e97ce rgb(110,151,206)
```
#6696d6
```
#6696d6 rgb(102,150,214)
```
#5f95dd
```
#5f95dd rgb(95,149,221)
```
#5894e4
```
#5894e4 rgb(88,148,228)
```
#5093ec
```
#5093ec rgb(80,147,236)
```
#4992f3
```
#4992f3 rgb(73,146,243)
```
#4191fb
```
#4191fb rgb(65,145,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#848f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f96db Protanopia 1% of men
#7298df Deuteranopia 1% of men
#4ea4b0 Tritanopia 0.001% of the population

Trichromacy

#7395dc Protanomaly 1% of men, 0.01% of women
#6b97de Deuteranomaly 6% of men, 0.4% of women
#549ec0 Tritanomaly 0.01% of the population

#5f95dd hex color

#5f95dd Color Information

#5f95dd Color Conversion

Color Schemes with #5f95dd

Alternatives to #5f95dd

#5f95dd Preview

Shades and Tints of #5f95dd

Tones of #5f95dd

Color Blindness Simulator