#5f98ff hex color

In a RGB color space, hex #5f98ff is composed of 37.3% red, 59.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 40.4% magenta, 0% yellow and 0% black. It has a hue angle of 218.6 degrees, a saturation of 100% and a lightness of 68.6%. #5f98ff color hex could be obtained by blending #beffff with #0031ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 60
- B 100
RGB color chart
- C 63
- M 40
- Y 0
- K 0
CMYK color chart

● #5f98ff color description : Light blue.

The hexadecimal color #5f98ff has RGB values of R:95, G:152, B:255 and CMYK values of C:0.63, M:0.4, Y:0, K:0. Its decimal value is 6265087.

Hex triplet	5f98ff	`#5f98ff`
RGB Decimal	95, 152, 255	`rgb(95,152,255)`
RGB Percent	37.3, 59.6, 100	`rgb(37.3%,59.6%,100%)`
CMYK	63, 40, 0, 0
HSL	218.6°, 100, 68.6	`hsl(218.6,100%,68.6%)`
HSV (or HSB)	218.6°, 62.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.431, 12.537, -56.811
XYZ	33.994, 32.107, 99.008
xyY	0.206, 0.194, 32.107
CIE-LCH	63.431, 58.177, 282.445
CIE-LUV	63.431, -25.161, -92.968
Hunter-Lab	56.663, 7.925, -63.934
Binary	01011111, 10011000, 11111111

#5f98ff
```
#5f98ff rgb(95,152,255)
```
#ffc65f
```
#ffc65f rgb(255,198,95)
```

Complementary Color

#5fe8ff
```
#5fe8ff rgb(95,232,255)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#765fff
```
#765fff rgb(118,95,255)
```

Analogous Color

#e8ff5f
```
#e8ff5f rgb(232,255,95)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#ff765f
```
#ff765f rgb(255,118,95)
```

Split Complementary Color

#98ff5f
```
#98ff5f rgb(152,255,95)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#ff5f98
```
#ff5f98 rgb(255,95,152)
```

Triadic Color

#5fffc6
```
#5fffc6 rgb(95,255,198)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#ff5f98
```
#ff5f98 rgb(255,95,152)
```
#ffc65f
```
#ffc65f rgb(255,198,95)
```

Tetradic Color

#1367ff
```
#1367ff rgb(19,103,255)
```
#2c77ff
```
#2c77ff rgb(44,119,255)
```
#4688ff
```
#4688ff rgb(70,136,255)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#79a8ff
```
#79a8ff rgb(121,168,255)
```
#92b9ff
```
#92b9ff rgb(146,185,255)
```
#acc9ff
```
#acc9ff rgb(172,201,255)
```

Monochromatic Color

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

#5fc0ff
```
#5fc0ff rgb(95,192,255)
```
#5fb3ff
```
#5fb3ff rgb(95,179,255)
```
#5fa5ff
```
#5fa5ff rgb(95,165,255)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#5f8bff
```
#5f8bff rgb(95,139,255)
```
#5f7dff
```
#5f7dff rgb(95,125,255)
```
#5f70ff
```
#5f70ff rgb(95,112,255)
```

Similar Colors

Text with hexadecimal color #5f98ff

This text has a font color of #5f98ff.

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

#5f98ff background color

This paragraph has a background color of #5f98ff.

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

#5f98ff border color

This element has a border color of #5f98ff.

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

CSS codes

.text {color:#5f98ff;}

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

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

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

#000611
```
#000611 rgb(0,6,17)
```
#000d24
```
#000d24 rgb(0,13,36)
```
#001438
```
#001438 rgb(0,20,56)
```
#001b4b
```
#001b4b rgb(0,27,75)
```
#00225f
```
#00225f rgb(0,34,95)
```
#002973
```
#002973 rgb(0,41,115)
```
#003086
```
#003086 rgb(0,48,134)
```
#00379a
```
#00379a rgb(0,55,154)
```
#003ead
```
#003ead rgb(0,62,173)
```
#0045c1
```
#0045c1 rgb(0,69,193)
```
#004cd5
```
#004cd5 rgb(0,76,213)
```
#0053e8
```
#0053e8 rgb(0,83,232)
```
#005afc
```
#005afc rgb(0,90,252)
```

Shade Color Variation

#1165ff
```
#1165ff rgb(17,101,255)
```
#2472ff
```
#2472ff rgb(36,114,255)
```
#387fff
```
#387fff rgb(56,127,255)
```
#4b8bff
```
#4b8bff rgb(75,139,255)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```
#73a5ff
```
#73a5ff rgb(115,165,255)
```
#86b1ff
```
#86b1ff rgb(134,177,255)
```
#9abeff
```
#9abeff rgb(154,190,255)
```
#adcbff
```
#adcbff rgb(173,203,255)
```
#c1d7ff
```
#c1d7ff rgb(193,215,255)
```
#d5e4ff
```
#d5e4ff rgb(213,228,255)
```
#e8f0ff
```
#e8f0ff rgb(232,240,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a9adb5
```
#a9adb5 rgb(169,173,181)
```
#a3abbb
```
#a3abbb rgb(163,171,187)
```
#9daac1
```
#9daac1 rgb(157,170,193)
```
#96a8c8
```
#96a8c8 rgb(150,168,200)
```
#90a6ce
```
#90a6ce rgb(144,166,206)
```
#8aa4d4
```
#8aa4d4 rgb(138,164,212)
```
#84a3da
```
#84a3da rgb(132,163,218)
```
#7ea1e0
```
#7ea1e0 rgb(126,161,224)
```
#789fe6
```
#789fe6 rgb(120,159,230)
```
#719ded
```
#719ded rgb(113,157,237)
```
#6b9cf3
```
#6b9cf3 rgb(107,156,243)
```
#659af9
```
#659af9 rgb(101,154,249)
```
#5f98ff
```
#5f98ff rgb(95,152,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8994a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#729bfd Protanopia 1% of men
#56a0fd Deuteranopia 1% of men
#33adb9 Tritanopia 0.001% of the population

Trichromacy

#6b9afe Protanomaly 1% of men, 0.01% of women
#599dfe Deuteranomaly 6% of men, 0.4% of women
#43a5d3 Tritanomaly 0.01% of the population

#5f98ff hex color

#5f98ff Color Information

#5f98ff Color Conversion

Color Schemes with #5f98ff

Alternatives to #5f98ff

#5f98ff Preview

Shades and Tints of #5f98ff

Tones of #5f98ff

Color Blindness Simulator