#5f96df hex color

In a RGB color space, hex #5f96df is composed of 37.3% red, 58.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 32.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 214.2 degrees, a saturation of 66.7% and a lightness of 62.4%. #5f96df color hex could be obtained by blending #beffff with #002dbf. Closest websafe color is: #6699cc.

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

● #5f96df color description : Soft blue.

The hexadecimal color #5f96df has RGB values of R:95, G:150, B:223 and CMYK values of C:0.57, M:0.33, Y:0, K:0.13. Its decimal value is 6264543.

Hex triplet	5f96df	`#5f96df`
RGB Decimal	95, 150, 223	`rgb(95,150,223)`
RGB Percent	37.3, 58.8, 87.5	`rgb(37.3%,58.8%,87.5%)`
CMYK	57, 33, 0, 13
HSL	214.2°, 66.7, 62.4	`hsl(214.2,66.7%,62.4%)`
HSV (or HSB)	214.2°, 57.4, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.283, 3.267, -42.588
XYZ	28.942, 29.572, 73.991
xyY	0.218, 0.223, 29.572
CIE-LCH	61.283, 42.713, 274.386
CIE-LUV	61.283, -24.812, -67.807
Hunter-Lab	54.38, -0.164, -42.606
Binary	01011111, 10010110, 11011111

#5f96df
```
#5f96df rgb(95,150,223)
```
#dfa85f
```
#dfa85f rgb(223,168,95)
```

Complementary Color

#5fd6df
```
#5fd6df rgb(95,214,223)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#685fdf
```
#685fdf rgb(104,95,223)
```

Analogous Color

#d6df5f
```
#d6df5f rgb(214,223,95)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#df685f
```
#df685f rgb(223,104,95)
```

Split Complementary Color

#96df5f
```
#96df5f rgb(150,223,95)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#df5f96
```
#df5f96 rgb(223,95,150)
```

Triadic Color

#5fdfa8
```
#5fdfa8 rgb(95,223,168)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#df5f96
```
#df5f96 rgb(223,95,150)
```
#dfa85f
```
#dfa85f rgb(223,168,95)
```

Tetradic Color

#286dc9
```
#286dc9 rgb(40,109,201)
```
#357ad7
```
#357ad7 rgb(53,122,215)
```
#4a88db
```
#4a88db rgb(74,136,219)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#74a4e3
```
#74a4e3 rgb(116,164,227)
```
#8ab2e8
```
#8ab2e8 rgb(138,178,232)
```
#9fc0ec
```
#9fc0ec rgb(159,192,236)
```

Monochromatic Color

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

#5fb6df
```
#5fb6df rgb(95,182,223)
```
#5fabdf
```
#5fabdf rgb(95,171,223)
```
#5fa1df
```
#5fa1df rgb(95,161,223)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#5f8bdf
```
#5f8bdf rgb(95,139,223)
```
#5f81df
```
#5f81df rgb(95,129,223)
```
#5f76df
```
#5f76df rgb(95,118,223)
```

Similar Colors

Text with hexadecimal color #5f96df

This text has a font color of #5f96df.

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

#5f96df background color

This paragraph has a background color of #5f96df.

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

#5f96df border color

This element has a border color of #5f96df.

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

CSS codes

.text {color:#5f96df;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#071424
```
#071424 rgb(7,20,36)
```
#0b1d35
```
#0b1d35 rgb(11,29,53)
```
#0e2545
```
#0e2545 rgb(14,37,69)
```
#112e55
```
#112e55 rgb(17,46,85)
```
#143766
```
#143766 rgb(20,55,102)
```
#184076
```
#184076 rgb(24,64,118)
```
#1b4986
```
#1b4986 rgb(27,73,134)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#215ba7
```
#215ba7 rgb(33,91,167)
```
#2564b7
```
#2564b7 rgb(37,100,183)
```
#286dc8
```
#286dc8 rgb(40,109,200)
```

Shade Color Variation

#2e76d5
```
#2e76d5 rgb(46,118,213)
```
#3e81d8
```
#3e81d8 rgb(62,129,216)
```
#4f8bdc
```
#4f8bdc rgb(79,139,220)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#6fa1e2
```
#6fa1e2 rgb(111,161,226)
```
#80abe6
```
#80abe6 rgb(128,171,230)
```
#90b6e9
```
#90b6e9 rgb(144,182,233)
```
#a0c1ec
```
#a0c1ec rgb(160,193,236)
```
#b1ccef
```
#b1ccef rgb(177,204,239)
```
#c1d6f3
```
#c1d6f3 rgb(193,214,243)
```
#d1e1f6
```
#d1e1f6 rgb(209,225,246)
```
#e2ecf9
```
#e2ecf9 rgb(226,236,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#9a9ea4
```
#9a9ea4 rgb(154,158,164)
```
#939dab
```
#939dab rgb(147,157,171)
```
#8b9cb3
```
#8b9cb3 rgb(139,156,179)
```
#849bba
```
#849bba rgb(132,155,186)
```
#7d9ac1
```
#7d9ac1 rgb(125,154,193)
```
#7599c9
```
#7599c9 rgb(117,153,201)
```
#6e98d0
```
#6e98d0 rgb(110,152,208)
```
#6697d8
```
#6697d8 rgb(102,151,216)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#5895e6
```
#5895e6 rgb(88,149,230)
```
#5094ee
```
#5094ee rgb(80,148,238)
```
#4993f5
```
#4993f5 rgb(73,147,245)
```
#4192fd
```
#4192fd rgb(65,146,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#85909e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f97dd Protanopia 1% of men
#7399e1 Deuteranopia 1% of men
#4ea5b1 Tritanopia 0.001% of the population

Trichromacy

#7396de Protanomaly 1% of men, 0.01% of women
#6b98e0 Deuteranomaly 6% of men, 0.4% of women
#549fc2 Tritanomaly 0.01% of the population

#5f96df hex color

#5f96df Color Information

#5f96df Color Conversion

Color Schemes with #5f96df

Alternatives to #5f96df

#5f96df Preview

Shades and Tints of #5f96df

Tones of #5f96df

Color Blindness Simulator