#5b99fd hex color

In a RGB color space, hex #5b99fd is composed of 35.7% red, 60% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 39.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 217 degrees, a saturation of 97.6% and a lightness of 67.5%. #5b99fd color hex could be obtained by blending #b6ffff with #0033fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 60
- B 99
RGB color chart
- C 64
- M 40
- Y 0
- K 1
CMYK color chart

● #5b99fd color description : Soft blue.

The hexadecimal color #5b99fd has RGB values of R:91, G:153, B:253 and CMYK values of C:0.64, M:0.4, Y:0, K:0.01. Its decimal value is 6003197.

Hex triplet	5b99fd	`#5b99fd`
RGB Decimal	91, 153, 253	`rgb(91,153,253)`
RGB Percent	35.7, 60, 99.2	`rgb(35.7%,60%,99.2%)`
CMYK	64, 40, 0, 1
HSL	217°, 97.6, 67.5	`hsl(217,97.6%,67.5%)`
HSV (or HSB)	217°, 64, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.422, 10.608, -55.743
XYZ	33.431, 32.096, 97.357
xyY	0.205, 0.197, 32.096
CIE-LCH	63.422, 56.743, 280.775
CIE-LUV	63.422, -26.484, -90.991
Hunter-Lab	56.654, 6.189, -62.23
Binary	01011011, 10011001, 11111101

#5b99fd
```
#5b99fd rgb(91,153,253)
```
#fdbf5b
```
#fdbf5b rgb(253,191,91)
```

Complementary Color

#5beafd
```
#5beafd rgb(91,234,253)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#6e5bfd
```
#6e5bfd rgb(110,91,253)
```

Analogous Color

#eafd5b
```
#eafd5b rgb(234,253,91)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#fd6e5b
```
#fd6e5b rgb(253,110,91)
```

Split Complementary Color

#99fd5b
```
#99fd5b rgb(153,253,91)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#fd5b99
```
#fd5b99 rgb(253,91,153)
```

Triadic Color

#5bfdbf
```
#5bfdbf rgb(91,253,191)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#fd5b99
```
#fd5b99 rgb(253,91,153)
```
#fdbf5b
```
#fdbf5b rgb(253,191,91)
```

Tetradic Color

#0f6afc
```
#0f6afc rgb(15,106,252)
```
#297afc
```
#297afc rgb(41,122,252)
```
#4289fd
```
#4289fd rgb(66,137,253)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#74a9fd
```
#74a9fd rgb(116,169,253)
```
#8db8fe
```
#8db8fe rgb(141,184,254)
```
#a7c8fe
```
#a7c8fe rgb(167,200,254)
```

Monochromatic Color

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

#5bc2fd
```
#5bc2fd rgb(91,194,253)
```
#5bb4fd
```
#5bb4fd rgb(91,180,253)
```
#5ba7fd
```
#5ba7fd rgb(91,167,253)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#5b8cfd
```
#5b8cfd rgb(91,140,253)
```
#5b7efd
```
#5b7efd rgb(91,126,253)
```
#5b71fd
```
#5b71fd rgb(91,113,253)
```

Similar Colors

Text with hexadecimal color #5b99fd

This text has a font color of #5b99fd.

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

#5b99fd background color

This paragraph has a background color of #5b99fd.

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

#5b99fd border color

This element has a border color of #5b99fd.

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

CSS codes

.text {color:#5b99fd;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000c1e
```
#000c1e rgb(0,12,30)
```
#011331
```
#011331 rgb(1,19,49)
```
#011b45
```
#011b45 rgb(1,27,69)
```
#012258
```
#012258 rgb(1,34,88)
```
#012a6b
```
#012a6b rgb(1,42,107)
```
#02317f
```
#02317f rgb(2,49,127)
```
#023992
```
#023992 rgb(2,57,146)
```
#0241a5
```
#0241a5 rgb(2,65,165)
```
#0248b9
```
#0248b9 rgb(2,72,185)
```
#0250cc
```
#0250cc rgb(2,80,204)
```
#0357e0
```
#0357e0 rgb(3,87,224)
```
#035ff3
```
#035ff3 rgb(3,95,243)
```

Shade Color Variation

#0d69fc
```
#0d69fc rgb(13,105,252)
```
#2175fc
```
#2175fc rgb(33,117,252)
```
#3481fd
```
#3481fd rgb(52,129,253)
```
#488dfd
```
#488dfd rgb(72,141,253)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#6ea5fd
```
#6ea5fd rgb(110,165,253)
```
#82b1fd
```
#82b1fd rgb(130,177,253)
```
#95bdfe
```
#95bdfe rgb(149,189,254)
```
#a9c9fe
```
#a9c9fe rgb(169,201,254)
```
#bcd5fe
```
#bcd5fe rgb(188,213,254)
```
#cfe1fe
```
#cfe1fe rgb(207,225,254)
```
#e3edff
```
#e3edff rgb(227,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#a8abb0
```
#a8abb0 rgb(168,171,176)
```
#a1a9b7
```
#a1a9b7 rgb(161,169,183)
```
#9ba8bd
```
#9ba8bd rgb(155,168,189)
```
#94a6c4
```
#94a6c4 rgb(148,166,196)
```
#8ea5ca
```
#8ea5ca rgb(142,165,202)
```
#88a3d0
```
#88a3d0 rgb(136,163,208)
```
#81a2d7
```
#81a2d7 rgb(129,162,215)
```
#7ba0dd
```
#7ba0dd rgb(123,160,221)
```
#759fe3
```
#759fe3 rgb(117,159,227)
```
#6e9dea
```
#6e9dea rgb(110,157,234)
```
#689cf0
```
#689cf0 rgb(104,156,240)
```
#619af7
```
#619af7 rgb(97,154,247)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8793a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#749bfb Protanopia 1% of men
#599ffc Deuteranopia 1% of men
#2badba Tritanopia 0.001% of the population

Trichromacy

#6b9afb Protanomaly 1% of men, 0.01% of women
#599dfc Deuteranomaly 6% of men, 0.4% of women
#3da6d2 Tritanomaly 0.01% of the population

#5b99fd hex color

#5b99fd Color Information

#5b99fd Color Conversion

Color Schemes with #5b99fd

Alternatives to #5b99fd

#5b99fd Preview

Shades and Tints of #5b99fd

Tones of #5b99fd

Color Blindness Simulator