#857bff hex color

In a RGB color space, hex #857bff is composed of 52.2% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 244.5 degrees, a saturation of 100% and a lightness of 74.1%. #857bff color hex could be obtained by blending #fff6ff with #0b00ff. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 52
- G 48
- B 100
RGB color chart
- C 48
- M 52
- Y 0
- K 0
CMYK color chart

● #857bff color description : Very light blue.

The hexadecimal color #857bff has RGB values of R:133, G:123, B:255 and CMYK values of C:0.48, M:0.52, Y:0, K:0. Its decimal value is 8748031.

Hex triplet	857bff	`#857bff`
RGB Decimal	133, 123, 255	`rgb(133,123,255)`
RGB Percent	52.2, 48.2, 100	`rgb(52.2%,48.2%,100%)`
CMYK	48, 52, 0, 0
HSL	244.5°, 100, 74.1	`hsl(244.5,100%,74.1%)`
HSV (or HSB)	244.5°, 51.8, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.388, 37.068, -64.753
XYZ	34.802, 26.372, 97.859
xyY	0.219, 0.166, 26.372
CIE-LCH	58.388, 74.613, 299.789
CIE-LUV	58.388, -4.212, -106.639
Hunter-Lab	51.353, 31.102, -77.036
Binary	10000101, 01111011, 11111111

#857bff
```
#857bff rgb(133,123,255)
```
#f5ff7b
```
#f5ff7b rgb(245,255,123)
```

Complementary Color

#7bb3ff
```
#7bb3ff rgb(123,179,255)
```
#857bff
```
#857bff rgb(133,123,255)
```
#c77bff
```
#c77bff rgb(199,123,255)
```

Analogous Color

#b3ff7b
```
#b3ff7b rgb(179,255,123)
```
#857bff
```
#857bff rgb(133,123,255)
```
#ffc77b
```
#ffc77b rgb(255,199,123)
```

Split Complementary Color

#7bff85
```
#7bff85 rgb(123,255,133)
```
#857bff
```
#857bff rgb(133,123,255)
```
#ff857b
```
#ff857b rgb(255,133,123)
```

Triadic Color

#7bf5ff
```
#7bf5ff rgb(123,245,255)
```
#857bff
```
#857bff rgb(133,123,255)
```
#ff857b
```
#ff857b rgb(255,133,123)
```
#f5ff7b
```
#f5ff7b rgb(245,255,123)
```

Tetradic Color

#3e2fff
```
#3e2fff rgb(62,47,255)
```
#5648ff
```
#5648ff rgb(86,72,255)
```
#6d62ff
```
#6d62ff rgb(109,98,255)
```
#857bff
```
#857bff rgb(133,123,255)
```
#9d95ff
```
#9d95ff rgb(157,149,255)
```
#b4aeff
```
#b4aeff rgb(180,174,255)
```
#ccc8ff
```
#ccc8ff rgb(204,200,255)
```

Monochromatic Color

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

#7b92ff
```
#7b92ff rgb(123,146,255)
```
#7b87ff
```
#7b87ff rgb(123,135,255)
```
#7b7cff
```
#7b7cff rgb(123,124,255)
```
#857bff
```
#857bff rgb(133,123,255)
```
#907bff
```
#907bff rgb(144,123,255)
```
#9b7bff
```
#9b7bff rgb(155,123,255)
```
#a67bff
```
#a67bff rgb(166,123,255)
```

Similar Colors

Text with hexadecimal color #857bff

This text has a font color of #857bff.

<span style="color:#857bff;">Text here</span>

#857bff background color

This paragraph has a background color of #857bff.

<p style="background-color:#857bff;">Content here</p>

#857bff border color

This element has a border color of #857bff.

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

CSS codes

.text {color:#857bff;}

.background {background-color:#857bff;}

.border {border:1px solid #857bff;}

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

#000005
```
#000005 rgb(0,0,5)
```
#020019
```
#020019 rgb(2,0,25)
```
#03002d
```
#03002d rgb(3,0,45)
```
#050040
```
#050040 rgb(5,0,64)
```
#060054
```
#060054 rgb(6,0,84)
```
#080067
```
#080067 rgb(8,0,103)
```
#09007b
```
#09007b rgb(9,0,123)
```
#0b008f
```
#0b008f rgb(11,0,143)
```
#0c00a2
```
#0c00a2 rgb(12,0,162)
```
#0e00b6
```
#0e00b6 rgb(14,0,182)
```
#0f00c9
```
#0f00c9 rgb(15,0,201)
```
#1100dd
```
#1100dd rgb(17,0,221)
```
#1200f1
```
#1200f1 rgb(18,0,241)
```

Shade Color Variation

#1805ff
```
#1805ff rgb(24,5,255)
```
#2a19ff
```
#2a19ff rgb(42,25,255)
```
#3c2dff
```
#3c2dff rgb(60,45,255)
```
#4f40ff
```
#4f40ff rgb(79,64,255)
```
#6154ff
```
#6154ff rgb(97,84,255)
```
#7367ff
```
#7367ff rgb(115,103,255)
```
#857bff
```
#857bff rgb(133,123,255)
```
#978fff
```
#978fff rgb(151,143,255)
```
#a9a2ff
```
#a9a2ff rgb(169,162,255)
```
#bbb6ff
```
#bbb6ff rgb(187,182,255)
```
#cec9ff
```
#cec9ff rgb(206,201,255)
```
#e0ddff
```
#e0ddff rgb(224,221,255)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#b9b8c2
```
#b9b8c2 rgb(185,184,194)
```
#b4b3c7
```
#b4b3c7 rgb(180,179,199)
```
#b0aecc
```
#b0aecc rgb(176,174,204)
```
#aca9d1
```
#aca9d1 rgb(172,169,209)
```
#a7a4d6
```
#a7a4d6 rgb(167,164,214)
```
#a39fdb
```
#a39fdb rgb(163,159,219)
```
#9f99e1
```
#9f99e1 rgb(159,153,225)
```
#9b94e6
```
#9b94e6 rgb(155,148,230)
```
#968feb
```
#968feb rgb(150,143,235)
```
#928af0
```
#928af0 rgb(146,138,240)
```
#8e85f5
```
#8e85f5 rgb(142,133,245)
```
#8980fa
```
#8980fa rgb(137,128,250)
```
#857bff
```
#857bff rgb(133,123,255)
```

Tone Color Variation

Below, you can see how #857bff 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

#8d8d8d Achromatopsia 0.005% of the population
#8b89a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518eff Protanopia 1% of men
#1994f7 Deuteranopia 1% of men
#6999a5 Tritanopia 0.001% of the population

Trichromacy

#6487ff Protanomaly 1% of men, 0.01% of women
#408bfa Deuteranomaly 6% of men, 0.4% of women
#738ec5 Tritanomaly 0.01% of the population

#857bff hex color

#857bff Color Information

#857bff Color Conversion

Color Schemes with #857bff

Alternatives to #857bff

#857bff Preview

Shades and Tints of #857bff

Tones of #857bff

Color Blindness Simulator