#5f9bfb hex color

In a RGB color space, hex #5f9bfb is composed of 37.3% red, 60.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 38.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 216.9 degrees, a saturation of 95.1% and a lightness of 67.8%. #5f9bfb color hex could be obtained by blending #beffff with #0037f7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 61
- B 98
RGB color chart
- C 62
- M 38
- Y 0
- K 2
CMYK color chart

● #5f9bfb color description : Soft blue.

The hexadecimal color #5f9bfb has RGB values of R:95, G:155, B:251 and CMYK values of C:0.62, M:0.38, Y:0, K:0.02. Its decimal value is 6265851.

Hex triplet	5f9bfb	`#5f9bfb`
RGB Decimal	95, 155, 251	`rgb(95,155,251)`
RGB Percent	37.3, 60.8, 98.4	`rgb(37.3%,60.8%,98.4%)`
CMYK	62, 38, 0, 2
HSL	216.9°, 95.1, 67.8	`hsl(216.9,95.1%,67.8%)`
HSV (or HSB)	216.9°, 62.2, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.03, 9.455, -53.674
XYZ	33.849, 32.838, 95.816
xyY	0.208, 0.202, 32.838
CIE-LCH	64.03, 54.5, 279.99
CIE-LUV	64.03, -26.202, -87.569
Hunter-Lab	57.305, 5.154, -59.022
Binary	01011111, 10011011, 11111011

#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#fbbf5f
```
#fbbf5f rgb(251,191,95)
```

Complementary Color

#5fe9fb
```
#5fe9fb rgb(95,233,251)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#715ffb
```
#715ffb rgb(113,95,251)
```

Analogous Color

#e9fb5f
```
#e9fb5f rgb(233,251,95)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#fb715f
```
#fb715f rgb(251,113,95)
```

Split Complementary Color

#9bfb5f
```
#9bfb5f rgb(155,251,95)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#fb5f9b
```
#fb5f9b rgb(251,95,155)
```

Triadic Color

#5ffbbf
```
#5ffbbf rgb(95,251,191)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#fb5f9b
```
#fb5f9b rgb(251,95,155)
```
#fbbf5f
```
#fbbf5f rgb(251,191,95)
```

Tetradic Color

#146cf9
```
#146cf9 rgb(20,108,249)
```
#2d7cfa
```
#2d7cfa rgb(45,124,250)
```
#468bfa
```
#468bfa rgb(70,139,250)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#78abfc
```
#78abfc rgb(120,171,252)
```
#91bafc
```
#91bafc rgb(145,186,252)
```
#aacafd
```
#aacafd rgb(170,202,253)
```

Monochromatic Color

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

#5fc2fb
```
#5fc2fb rgb(95,194,251)
```
#5fb5fb
```
#5fb5fb rgb(95,181,251)
```
#5fa8fb
```
#5fa8fb rgb(95,168,251)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#5f8efb
```
#5f8efb rgb(95,142,251)
```
#5f81fb
```
#5f81fb rgb(95,129,251)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```

Similar Colors

Text with hexadecimal color #5f9bfb

This text has a font color of #5f9bfb.

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

#5f9bfb background color

This paragraph has a background color of #5f9bfb.

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

#5f9bfb border color

This element has a border color of #5f9bfb.

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

CSS codes

.text {color:#5f9bfb;}

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

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

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, #00050c is the darkest color, while #f8fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#010d1f
```
#010d1f rgb(1,13,31)
```
#011433
```
#011433 rgb(1,20,51)
```
#021c46
```
#021c46 rgb(2,28,70)
```
#022459
```
#022459 rgb(2,36,89)
```
#032b6c
```
#032b6c rgb(3,43,108)
```
#03337f
```
#03337f rgb(3,51,127)
```
#043a92
```
#043a92 rgb(4,58,146)
```
#0442a5
```
#0442a5 rgb(4,66,165)
```
#054ab8
```
#054ab8 rgb(5,74,184)
```
#0551cc
```
#0551cc rgb(5,81,204)
```
#0659df
```
#0659df rgb(6,89,223)
```
#0661f2
```
#0661f2 rgb(6,97,242)
```

Shade Color Variation

#126bf9
```
#126bf9 rgb(18,107,249)
```
#2677fa
```
#2677fa rgb(38,119,250)
```
#3983fa
```
#3983fa rgb(57,131,250)
```
#4c8ffb
```
#4c8ffb rgb(76,143,251)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#72a7fb
```
#72a7fb rgb(114,167,251)
```
#85b3fc
```
#85b3fc rgb(133,179,252)
```
#98bffc
```
#98bffc rgb(152,191,252)
```
#accbfd
```
#accbfd rgb(172,203,253)
```
#bfd7fd
```
#bfd7fd rgb(191,215,253)
```
#d2e3fe
```
#d2e3fe rgb(210,227,254)
```
#e5effe
```
#e5effe rgb(229,239,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#abacaf
```
#abacaf rgb(171,172,175)
```
#a4abb6
```
#a4abb6 rgb(164,171,182)
```
#9eaabc
```
#9eaabc rgb(158,170,188)
```
#98a8c2
```
#98a8c2 rgb(152,168,194)
```
#91a7c9
```
#91a7c9 rgb(145,167,201)
```
#8ba5cf
```
#8ba5cf rgb(139,165,207)
```
#85a4d5
```
#85a4d5 rgb(133,164,213)
```
#7fa2db
```
#7fa2db rgb(127,162,219)
```
#78a1e2
```
#78a1e2 rgb(120,161,226)
```
#729fe8
```
#729fe8 rgb(114,159,232)
```
#6c9eee
```
#6c9eee rgb(108,158,238)
```
#659cf5
```
#659cf5 rgb(101,156,245)
```
#5f9bfb
```
#5f9bfb rgb(95,155,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8995a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#799df8 Protanopia 1% of men
#61a1fa Deuteranopia 1% of men
#3aaebb Tritanopia 0.001% of the population

Trichromacy

#6f9cf9 Protanomaly 1% of men, 0.01% of women
#609efa Deuteranomaly 6% of men, 0.4% of women
#47a7d2 Tritanomaly 0.01% of the population

#5f9bfb hex color

#5f9bfb Color Information

#5f9bfb Color Conversion

Color Schemes with #5f9bfb

Alternatives to #5f9bfb

#5f9bfb Preview

Shades and Tints of #5f9bfb

Tones of #5f9bfb

Color Blindness Simulator