#5f9ef7 hex color

In a RGB color space, hex #5f9ef7 is composed of 37.3% red, 62% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 36% magenta, 0% yellow and 3.1% black. It has a hue angle of 215.1 degrees, a saturation of 90.5% and a lightness of 67.1%. #5f9ef7 color hex could be obtained by blending #beffff with #003def. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 62
- B 97
RGB color chart
- C 62
- M 36
- Y 0
- K 3
CMYK color chart

● #5f9ef7 color description : Soft blue.

The hexadecimal color #5f9ef7 has RGB values of R:95, G:158, B:247 and CMYK values of C:0.62, M:0.36, Y:0, K:0.03. Its decimal value is 6266615.

Hex triplet	5f9ef7	`#5f9ef7`
RGB Decimal	95, 158, 247	`rgb(95,158,247)`
RGB Percent	37.3, 62, 96.9	`rgb(37.3%,62%,96.9%)`
CMYK	62, 36, 0, 3
HSL	215.1°, 90.5, 67.1	`hsl(215.1,90.5%,67.1%)`
HSV (or HSB)	215.1°, 61.5, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.644, 6.395, -50.514
XYZ	33.731, 33.6, 92.698
xyY	0.211, 0.21, 33.6
CIE-LCH	64.644, 50.917, 277.215
CIE-LUV	64.644, -27.276, -82.078
Hunter-Lab	57.965, 2.432, -54.241
Binary	01011111, 10011110, 11110111

#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#f7b85f
```
#f7b85f rgb(247,184,95)
```

Complementary Color

#5feaf7
```
#5feaf7 rgb(95,234,247)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#6c5ff7
```
#6c5ff7 rgb(108,95,247)
```

Analogous Color

#eaf75f
```
#eaf75f rgb(234,247,95)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#f76c5f
```
#f76c5f rgb(247,108,95)
```

Split Complementary Color

#9ef75f
```
#9ef75f rgb(158,247,95)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#f75f9e
```
#f75f9e rgb(247,95,158)
```

Triadic Color

#5ff7b8
```
#5ff7b8 rgb(95,247,184)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#f75f9e
```
#f75f9e rgb(247,95,158)
```
#f7b85f
```
#f7b85f rgb(247,184,95)
```

Tetradic Color

#1672f3
```
#1672f3 rgb(22,114,243)
```
#2e81f5
```
#2e81f5 rgb(46,129,245)
```
#478ff6
```
#478ff6 rgb(71,143,246)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#77adf8
```
#77adf8 rgb(119,173,248)
```
#90bbf9
```
#90bbf9 rgb(144,187,249)
```
#a8cafb
```
#a8cafb rgb(168,202,251)
```

Monochromatic Color

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

#5fc4f7
```
#5fc4f7 rgb(95,196,247)
```
#5fb7f7
```
#5fb7f7 rgb(95,183,247)
```
#5fabf7
```
#5fabf7 rgb(95,171,247)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#5f91f7
```
#5f91f7 rgb(95,145,247)
```
#5f85f7
```
#5f85f7 rgb(95,133,247)
```
#5f78f7
```
#5f78f7 rgb(95,120,247)
```

Similar Colors

Text with hexadecimal color #5f9ef7

This text has a font color of #5f9ef7.

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

#5f9ef7 background color

This paragraph has a background color of #5f9ef7.

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

#5f9ef7 border color

This element has a border color of #5f9ef7.

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

CSS codes

.text {color:#5f9ef7;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010c1b
```
#010c1b rgb(1,12,27)
```
#02142d
```
#02142d rgb(2,20,45)
```
#031c40
```
#031c40 rgb(3,28,64)
```
#042553
```
#042553 rgb(4,37,83)
```
#052d66
```
#052d66 rgb(5,45,102)
```
#063578
```
#063578 rgb(6,53,120)
```
#073e8b
```
#073e8b rgb(7,62,139)
```
#08469e
```
#08469e rgb(8,70,158)
```
#094eb0
```
#094eb0 rgb(9,78,176)
```
#0a57c3
```
#0a57c3 rgb(10,87,195)
```
#0b5fd6
```
#0b5fd6 rgb(11,95,214)
```
#0c67e8
```
#0c67e8 rgb(12,103,232)
```

Shade Color Variation

#1471f3
```
#1471f3 rgb(20,113,243)
```
#277cf4
```
#277cf4 rgb(39,124,244)
```
#3a87f5
```
#3a87f5 rgb(58,135,245)
```
#4c93f6
```
#4c93f6 rgb(76,147,246)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#72a9f8
```
#72a9f8 rgb(114,169,248)
```
#84b5f9
```
#84b5f9 rgb(132,181,249)
```
#97c0fa
```
#97c0fa rgb(151,192,250)
```
#aacbfb
```
#aacbfb rgb(170,203,251)
```
#bcd7fc
```
#bcd7fc rgb(188,215,252)
```
#cfe2fd
```
#cfe2fd rgb(207,226,253)
```
#e2edfe
```
#e2edfe rgb(226,237,254)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

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

#a6aab0
```
#a6aab0 rgb(166,170,176)
```
#a0a9b6
```
#a0a9b6 rgb(160,169,182)
```
#99a8bd
```
#99a8bd rgb(153,168,189)
```
#93a7c3
```
#93a7c3 rgb(147,167,195)
```
#8ca6ca
```
#8ca6ca rgb(140,166,202)
```
#86a5d0
```
#86a5d0 rgb(134,165,208)
```
#7fa4d7
```
#7fa4d7 rgb(127,164,215)
```
#79a2dd
```
#79a2dd rgb(121,162,221)
```
#72a1e4
```
#72a1e4 rgb(114,161,228)
```
#6ca0ea
```
#6ca0ea rgb(108,160,234)
```
#659ff1
```
#659ff1 rgb(101,159,241)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#599dfd
```
#599dfd rgb(89,157,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a97a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9ff4 Protanopia 1% of men
#6ba2f7 Deuteranopia 1% of men
#40afbc Tritanopia 0.001% of the population

Trichromacy

#739ef5 Protanomaly 1% of men, 0.01% of women
#67a0f7 Deuteranomaly 6% of men, 0.4% of women
#4ba9d1 Tritanomaly 0.01% of the population

#5f9ef7 hex color

#5f9ef7 Color Information

#5f9ef7 Color Conversion

Color Schemes with #5f9ef7

Alternatives to #5f9ef7

#5f9ef7 Preview

Shades and Tints of #5f9ef7

Tones of #5f9ef7

Color Blindness Simulator