#5b7fff hex color

In a RGB color space, hex #5b7fff is composed of 35.7% red, 49.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 50.2% magenta, 0% yellow and 0% black. It has a hue angle of 226.8 degrees, a saturation of 100% and a lightness of 67.8%. #5b7fff color hex could be obtained by blending #b6feff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 50
- B 100
RGB color chart
- C 64
- M 50
- Y 0
- K 0
CMYK color chart

● #5b7fff color description : Light blue.

The hexadecimal color #5b7fff has RGB values of R:91, G:127, B:255 and CMYK values of C:0.64, M:0.5, Y:0, K:0. Its decimal value is 5996543.

Hex triplet	5b7fff	`#5b7fff`
RGB Decimal	91, 127, 255	`rgb(91,127,255)`
RGB Percent	35.7, 49.8, 100	`rgb(35.7%,49.8%,100%)`
CMYK	64, 50, 0, 0
HSL	226.8°, 100, 67.8	`hsl(226.8,100%,67.8%)`
HSV (or HSB)	226.8°, 64.3, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.704, 26.862, -67.602
XYZ	29.95, 24.621, 97.776
xyY	0.197, 0.162, 24.621
CIE-LCH	56.704, 72.743, 291.671
CIE-LUV	56.704, -18.331, -109.39
Hunter-Lab	49.62, 20.906, -82.098
Binary	01011011, 01111111, 11111111

#5b7fff
```
#5b7fff rgb(91,127,255)
```
#ffdb5b
```
#ffdb5b rgb(255,219,91)
```

Complementary Color

#5bd1ff
```
#5bd1ff rgb(91,209,255)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#895bff
```
#895bff rgb(137,91,255)
```

Analogous Color

#d1ff5b
```
#d1ff5b rgb(209,255,91)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#ff895b
```
#ff895b rgb(255,137,91)
```

Split Complementary Color

#7fff5b
```
#7fff5b rgb(127,255,91)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#ff5b7f
```
#ff5b7f rgb(255,91,127)
```

Triadic Color

#5bffdb
```
#5bffdb rgb(91,255,219)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#ff5b7f
```
#ff5b7f rgb(255,91,127)
```
#ffdb5b
```
#ffdb5b rgb(255,219,91)
```

Tetradic Color

#0f43ff
```
#0f43ff rgb(15,67,255)
```
#2857ff
```
#2857ff rgb(40,87,255)
```
#426bff
```
#426bff rgb(66,107,255)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#7593ff
```
#7593ff rgb(117,147,255)
```
#8ea7ff
```
#8ea7ff rgb(142,167,255)
```
#a8bbff
```
#a8bbff rgb(168,187,255)
```

Monochromatic Color

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

#5ba8ff
```
#5ba8ff rgb(91,168,255)
```
#5b9aff
```
#5b9aff rgb(91,154,255)
```
#5b8dff
```
#5b8dff rgb(91,141,255)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#5b71ff
```
#5b71ff rgb(91,113,255)
```
#5b64ff
```
#5b64ff rgb(91,100,255)
```
#605bff
```
#605bff rgb(96,91,255)
```

Similar Colors

Text with hexadecimal color #5b7fff

This text has a font color of #5b7fff.

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

#5b7fff background color

This paragraph has a background color of #5b7fff.

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

#5b7fff border color

This element has a border color of #5b7fff.

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

CSS codes

.text {color:#5b7fff;}

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

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

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, #00030d is the darkest color, while #f8f9ff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000720
```
#000720 rgb(0,7,32)
```
#000b34
```
#000b34 rgb(0,11,52)
```
#001047
```
#001047 rgb(0,16,71)
```
#00145b
```
#00145b rgb(0,20,91)
```
#00186f
```
#00186f rgb(0,24,111)
```
#001d82
```
#001d82 rgb(0,29,130)
```
#002196
```
#002196 rgb(0,33,150)
```
#0025a9
```
#0025a9 rgb(0,37,169)
```
#002abd
```
#002abd rgb(0,42,189)
```
#002ed1
```
#002ed1 rgb(0,46,209)
```
#0032e4
```
#0032e4 rgb(0,50,228)
```
#0036f8
```
#0036f8 rgb(0,54,248)
```

Shade Color Variation

#0d42ff
```
#0d42ff rgb(13,66,255)
```
#2051ff
```
#2051ff rgb(32,81,255)
```
#3460ff
```
#3460ff rgb(52,96,255)
```
#4770ff
```
#4770ff rgb(71,112,255)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```
#6f8eff
```
#6f8eff rgb(111,142,255)
```
#829eff
```
#829eff rgb(130,158,255)
```
#96adff
```
#96adff rgb(150,173,255)
```
#a9bcff
```
#a9bcff rgb(169,188,255)
```
#bdccff
```
#bdccff rgb(189,204,255)
```
#d1dbff
```
#d1dbff rgb(209,219,255)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#a7a9b3
```
#a7a9b3 rgb(167,169,179)
```
#a0a6ba
```
#a0a6ba rgb(160,166,186)
```
#9aa2c0
```
#9aa2c0 rgb(154,162,192)
```
#949fc6
```
#949fc6 rgb(148,159,198)
```
#8d9bcd
```
#8d9bcd rgb(141,155,205)
```
#8798d3
```
#8798d3 rgb(135,152,211)
```
#8194d9
```
#8194d9 rgb(129,148,217)
```
#7b91df
```
#7b91df rgb(123,145,223)
```
#748de6
```
#748de6 rgb(116,141,230)
```
#6e8aec
```
#6e8aec rgb(110,138,236)
```
#6886f2
```
#6886f2 rgb(104,134,242)
```
#6183f9
```
#6183f9 rgb(97,131,249)
```
#5b7fff
```
#5b7fff rgb(91,127,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b829c Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#4c86ff Protanomaly 1% of men, 0.01% of women
#218af5 Deuteranomaly 6% of men, 0.4% of women
#2191c7 Tritanomaly 0.01% of the population

#5b7fff hex color

#5b7fff Color Information

#5b7fff Color Conversion

Color Schemes with #5b7fff

Alternatives to #5b7fff

#5b7fff Preview

Shades and Tints of #5b7fff

Tones of #5b7fff

Color Blindness Simulator