#5f89f7 hex color

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

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

● #5f89f7 color description : Soft blue.

The hexadecimal color #5f89f7 has RGB values of R:95, G:137, B:247 and CMYK values of C:0.62, M:0.45, Y:0, K:0.03. Its decimal value is 6261239.

Hex triplet	5f89f7	`#5f89f7`
RGB Decimal	95, 137, 247	`rgb(95,137,247)`
RGB Percent	37.3, 53.7, 96.9	`rgb(37.3%,53.7%,96.9%)`
CMYK	62, 45, 0, 3
HSL	223.4°, 90.5, 67.1	`hsl(223.4,90.5%,67.1%)`
HSV (or HSB)	223.4°, 61.5, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.009, 18.809, -59.48
XYZ	30.45, 27.038, 91.605
xyY	0.204, 0.181, 27.038
CIE-LCH	59.009, 62.383, 287.549
CIE-LUV	59.009, -20.323, -96.66
Hunter-Lab	51.998, 13.533, -68.053
Binary	01011111, 10001001, 11110111

#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#f7cd5f
```
#f7cd5f rgb(247,205,95)
```

Complementary Color

#5fd5f7
```
#5fd5f7 rgb(95,213,247)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#815ff7
```
#815ff7 rgb(129,95,247)
```

Analogous Color

#d5f75f
```
#d5f75f rgb(213,247,95)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#f7815f
```
#f7815f rgb(247,129,95)
```

Split Complementary Color

#89f75f
```
#89f75f rgb(137,247,95)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#f75f89
```
#f75f89 rgb(247,95,137)
```

Triadic Color

#5ff7cd
```
#5ff7cd rgb(95,247,205)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#f75f89
```
#f75f89 rgb(247,95,137)
```
#f7cd5f
```
#f7cd5f rgb(247,205,95)
```

Tetradic Color

#1653f3
```
#1653f3 rgb(22,83,243)
```
#2e65f5
```
#2e65f5 rgb(46,101,245)
```
#4777f6
```
#4777f6 rgb(71,119,246)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#779bf8
```
#779bf8 rgb(119,155,248)
```
#90adf9
```
#90adf9 rgb(144,173,249)
```
#a8bffb
```
#a8bffb rgb(168,191,251)
```

Monochromatic Color

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

#5faff7
```
#5faff7 rgb(95,175,247)
```
#5fa2f7
```
#5fa2f7 rgb(95,162,247)
```
#5f96f7
```
#5f96f7 rgb(95,150,247)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#5f7cf7
```
#5f7cf7 rgb(95,124,247)
```
#5f70f7
```
#5f70f7 rgb(95,112,247)
```
#5f63f7
```
#5f63f7 rgb(95,99,247)
```

Similar Colors

Text with hexadecimal color #5f89f7

This text has a font color of #5f89f7.

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

#5f89f7 background color

This paragraph has a background color of #5f89f7.

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

#5f89f7 border color

This element has a border color of #5f89f7.

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

CSS codes

.text {color:#5f89f7;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#01081b
```
#01081b rgb(1,8,27)
```
#020e2d
```
#020e2d rgb(2,14,45)
```
#031440
```
#031440 rgb(3,20,64)
```
#041a53
```
#041a53 rgb(4,26,83)
```
#052066
```
#052066 rgb(5,32,102)
```
#062678
```
#062678 rgb(6,38,120)
```
#072b8b
```
#072b8b rgb(7,43,139)
```
#08319e
```
#08319e rgb(8,49,158)
```
#0937b0
```
#0937b0 rgb(9,55,176)
```
#0a3dc3
```
#0a3dc3 rgb(10,61,195)
```
#0b43d6
```
#0b43d6 rgb(11,67,214)
```
#0c49e8
```
#0c49e8 rgb(12,73,232)
```

Shade Color Variation

#1452f3
```
#1452f3 rgb(20,82,243)
```
#2760f4
```
#2760f4 rgb(39,96,244)
```
#3a6df5
```
#3a6df5 rgb(58,109,245)
```
#4c7bf6
```
#4c7bf6 rgb(76,123,246)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#7297f8
```
#7297f8 rgb(114,151,248)
```
#84a5f9
```
#84a5f9 rgb(132,165,249)
```
#97b2fa
```
#97b2fa rgb(151,178,250)
```
#aac0fb
```
#aac0fb rgb(170,192,251)
```
#bccefc
```
#bccefc rgb(188,206,252)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#e2e9fe
```
#e2e9fe rgb(226,233,254)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#a6a9b0
```
#a6a9b0 rgb(166,169,176)
```
#a0a6b6
```
#a0a6b6 rgb(160,166,182)
```
#99a3bd
```
#99a3bd rgb(153,163,189)
```
#93a0c3
```
#93a0c3 rgb(147,160,195)
```
#8c9dca
```
#8c9dca rgb(140,157,202)
```
#869ad0
```
#869ad0 rgb(134,154,208)
```
#7f97d7
```
#7f97d7 rgb(127,151,215)
```
#7995dd
```
#7995dd rgb(121,149,221)
```
#7292e4
```
#7292e4 rgb(114,146,228)
```
#6c8fea
```
#6c8fea rgb(108,143,234)
```
#658cf1
```
#658cf1 rgb(101,140,241)
```
#5f89f7
```
#5f89f7 rgb(95,137,247)
```
#5986fd
```
#5986fd rgb(89,134,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#81899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e90f8 Protanopia 1% of men
#3895f4 Deuteranopia 1% of men
#32a1ac Tritanopia 0.001% of the population

Trichromacy

#5e8df7 Protanomaly 1% of men, 0.01% of women
#4691f5 Deuteranomaly 6% of men, 0.4% of women
#4298c7 Tritanomaly 0.01% of the population

#5f89f7 hex color

#5f89f7 Color Information

#5f89f7 Color Conversion

Color Schemes with #5f89f7

Alternatives to #5f89f7

#5f89f7 Preview

Shades and Tints of #5f89f7

Tones of #5f89f7

Color Blindness Simulator