#7b85ed hex color

In a RGB color space, hex #7b85ed is composed of 48.2% red, 52.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 43.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 234.7 degrees, a saturation of 76% and a lightness of 70.6%. #7b85ed color hex could be obtained by blending #f6ffff with #000bdb. Closest websafe color is: #6699ff.

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

● #7b85ed color description : Soft blue.

The hexadecimal color #7b85ed has RGB values of R:123, G:133, B:237 and CMYK values of C:0.48, M:0.44, Y:0, K:0.07. Its decimal value is 8095213.

Hex triplet	7b85ed	`#7b85ed`
RGB Decimal	123, 133, 237	`rgb(123,133,237)`
RGB Percent	48.2, 52.2, 92.9	`rgb(48.2%,52.2%,92.9%)`
CMYK	48, 44, 0, 7
HSL	234.7°, 76, 70.6	`hsl(234.7,76%,70.6%)`
HSV (or HSB)	234.7°, 48.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.066, 23.69, -53.764
XYZ	31.839, 27.099, 83.669
xyY	0.223, 0.19, 27.099
CIE-LCH	59.066, 58.752, 293.779
CIE-LUV	59.066, -10.05, -87.94
Hunter-Lab	52.057, 18.074, -58.854
Binary	01111011, 10000101, 11101101

#7b85ed
```
#7b85ed rgb(123,133,237)
```
#ede37b
```
#ede37b rgb(237,227,123)
```

Complementary Color

#7bbeed
```
#7bbeed rgb(123,190,237)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#aa7bed
```
#aa7bed rgb(170,123,237)
```

Analogous Color

#beed7b
```
#beed7b rgb(190,237,123)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#edaa7b
```
#edaa7b rgb(237,170,123)
```

Split Complementary Color

#85ed7b
```
#85ed7b rgb(133,237,123)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#ed7b85
```
#ed7b85 rgb(237,123,133)
```

Triadic Color

#7bede3
```
#7bede3 rgb(123,237,227)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#ed7b85
```
#ed7b85 rgb(237,123,133)
```
#ede37b
```
#ede37b rgb(237,227,123)
```

Tetradic Color

#3847e4
```
#3847e4 rgb(56,71,228)
```
#4e5ce7
```
#4e5ce7 rgb(78,92,231)
```
#6570ea
```
#6570ea rgb(101,112,234)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#919af0
```
#919af0 rgb(145,154,240)
```
#a8aef3
```
#a8aef3 rgb(168,174,243)
```
#bec3f6
```
#bec3f6 rgb(190,195,246)
```

Monochromatic Color

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

#7ba2ed
```
#7ba2ed rgb(123,162,237)
```
#7b98ed
```
#7b98ed rgb(123,152,237)
```
#7b8fed
```
#7b8fed rgb(123,143,237)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#7b7ced
```
#7b7ced rgb(123,124,237)
```
#847bed
```
#847bed rgb(132,123,237)
```
#8e7bed
```
#8e7bed rgb(142,123,237)
```

Similar Colors

Text with hexadecimal color #7b85ed

This text has a font color of #7b85ed.

<span style="color:#7b85ed;">Text here</span>

#7b85ed background color

This paragraph has a background color of #7b85ed.

<p style="background-color:#7b85ed;">Content here</p>

#7b85ed border color

This element has a border color of #7b85ed.

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

CSS codes

.text {color:#7b85ed;}

.background {background-color:#7b85ed;}

.border {border:1px solid #7b85ed;}

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

#010106
```
#010106 rgb(1,1,6)
```
#030517
```
#030517 rgb(3,5,23)
```
#060929
```
#060929 rgb(6,9,41)
```
#080c3a
```
#080c3a rgb(8,12,58)
```
#0a104b
```
#0a104b rgb(10,16,75)
```
#0d145c
```
#0d145c rgb(13,20,92)
```
#0f176e
```
#0f176e rgb(15,23,110)
```
#111b7f
```
#111b7f rgb(17,27,127)
```
#141f90
```
#141f90 rgb(20,31,144)
```
#1622a1
```
#1622a1 rgb(22,34,161)
```
#1826b3
```
#1826b3 rgb(24,38,179)
```
#1b2ac4
```
#1b2ac4 rgb(27,42,196)
```
#1d2dd5
```
#1d2dd5 rgb(29,45,213)
```

Shade Color Variation

#2535e1
```
#2535e1 rgb(37,53,225)
```
#3645e4
```
#3645e4 rgb(54,69,228)
```
#4755e6
```
#4755e6 rgb(71,85,230)
```
#5865e8
```
#5865e8 rgb(88,101,232)
```
#6a75eb
```
#6a75eb rgb(106,117,235)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#8c95ef
```
#8c95ef rgb(140,149,239)
```
#9ea5f2
```
#9ea5f2 rgb(158,165,242)
```
#afb5f4
```
#afb5f4 rgb(175,181,244)
```
#c0c5f6
```
#c0c5f6 rgb(192,197,246)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#e3e5fb
```
#e3e5fb rgb(227,229,251)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#afb0b9
```
#afb0b9 rgb(175,176,185)
```
#a9abbf
```
#a9abbf rgb(169,171,191)
```
#a3a6c5
```
#a3a6c5 rgb(163,166,197)
```
#9ea2ca
```
#9ea2ca rgb(158,162,202)
```
#989dd0
```
#989dd0 rgb(152,157,208)
```
#9298d6
```
#9298d6 rgb(146,152,214)
```
#8c93dc
```
#8c93dc rgb(140,147,220)
```
#878fe1
```
#878fe1 rgb(135,143,225)
```
#818ae7
```
#818ae7 rgb(129,138,231)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#6f7bf9
```
#6f7bf9 rgb(111,123,249)
```
#6a77fe
```
#6a77fe rgb(106,119,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8a8ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6490f2 Protanopia 1% of men
#5594ea Deuteranopia 1% of men
#669ca7 Tritanopia 0.001% of the population

Trichromacy

#6c8cf0 Protanomaly 1% of men, 0.01% of women
#638feb Deuteranomaly 6% of men, 0.4% of women
#6e93c0 Tritanomaly 0.01% of the population

#7b85ed hex color

#7b85ed Color Information

#7b85ed Color Conversion

Color Schemes with #7b85ed

Alternatives to #7b85ed

#7b85ed Preview

Shades and Tints of #7b85ed

Tones of #7b85ed

Color Blindness Simulator