#7c85e8 hex color

In a RGB color space, hex #7c85e8 is composed of 48.6% red, 52.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 42.7% magenta, 0% yellow and 9% black. It has a hue angle of 235 degrees, a saturation of 70.1% and a lightness of 69.8%. #7c85e8 color hex could be obtained by blending #f8ffff with #000bd1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 52
- B 91
RGB color chart
- C 47
- M 43
- Y 0
- K 9
CMYK color chart

● #7c85e8 color description : Soft blue.

The hexadecimal color #7c85e8 has RGB values of R:124, G:133, B:232 and CMYK values of C:0.47, M:0.43, Y:0, K:0.09. Its decimal value is 8160744.

Hex triplet	7c85e8	`#7c85e8`
RGB Decimal	124, 133, 232	`rgb(124,133,232)`
RGB Percent	48.6, 52.2, 91	`rgb(48.6%,52.2%,91%)`
CMYK	47, 43, 0, 9
HSL	235°, 70.1, 69.8	`hsl(235,70.1%,69.8%)`
HSV (or HSB)	235°, 46.6, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.868, 22.435, -51.299
XYZ	31.262, 26.885, 79.882
xyY	0.226, 0.195, 26.885
CIE-LCH	58.868, 55.99, 293.621
CIE-LUV	58.868, -9.458, -83.747
Hunter-Lab	51.851, 16.883, -55.046
Binary	01111100, 10000101, 11101000

#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#e8df7c
```
#e8df7c rgb(232,223,124)
```

Complementary Color

#7cbbe8
```
#7cbbe8 rgb(124,187,232)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#a97ce8
```
#a97ce8 rgb(169,124,232)
```

Analogous Color

#bbe87c
```
#bbe87c rgb(187,232,124)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#e8a97c
```
#e8a97c rgb(232,169,124)
```

Split Complementary Color

#85e87c
```
#85e87c rgb(133,232,124)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#e87c85
```
#e87c85 rgb(232,124,133)
```

Triadic Color

#7ce8df
```
#7ce8df rgb(124,232,223)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#e87c85
```
#e87c85 rgb(232,124,133)
```
#e8df7c
```
#e8df7c rgb(232,223,124)
```

Tetradic Color

#3b48dd
```
#3b48dd rgb(59,72,221)
```
#515de0
```
#515de0 rgb(81,93,224)
```
#6671e4
```
#6671e4 rgb(102,113,228)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#9299ec
```
#9299ec rgb(146,153,236)
```
#a7adf0
```
#a7adf0 rgb(167,173,240)
```
#bdc2f3
```
#bdc2f3 rgb(189,194,243)
```

Monochromatic Color

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

#7ca0e8
```
#7ca0e8 rgb(124,160,232)
```
#7c97e8
```
#7c97e8 rgb(124,151,232)
```
#7c8ee8
```
#7c8ee8 rgb(124,142,232)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#7c7ce8
```
#7c7ce8 rgb(124,124,232)
```
#857ce8
```
#857ce8 rgb(133,124,232)
```
#8e7ce8
```
#8e7ce8 rgb(142,124,232)
```

Similar Colors

Text with hexadecimal color #7c85e8

This text has a font color of #7c85e8.

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

#7c85e8 background color

This paragraph has a background color of #7c85e8.

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

#7c85e8 border color

This element has a border color of #7c85e8.

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

CSS codes

.text {color:#7c85e8;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030513
```
#030513 rgb(3,5,19)
```
#060924
```
#060924 rgb(6,9,36)
```
#090d35
```
#090d35 rgb(9,13,53)
```
#0c1145
```
#0c1145 rgb(12,17,69)
```
#0f1556
```
#0f1556 rgb(15,21,86)
```
#121967
```
#121967 rgb(18,25,103)
```
#151d77
```
#151d77 rgb(21,29,119)
```
#182188
```
#182188 rgb(24,33,136)
```
#1b2599
```
#1b2599 rgb(27,37,153)
```
#1e29a9
```
#1e29a9 rgb(30,41,169)
```
#212dba
```
#212dba rgb(33,45,186)
```
#2432cb
```
#2432cb rgb(36,50,203)
```

Shade Color Variation

#2937d9
```
#2937d9 rgb(41,55,217)
```
#3947dc
```
#3947dc rgb(57,71,220)
```
#4a56df
```
#4a56df rgb(74,86,223)
```
#5b66e2
```
#5b66e2 rgb(91,102,226)
```
#6b75e5
```
#6b75e5 rgb(107,117,229)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#8d95eb
```
#8d95eb rgb(141,149,235)
```
#9da4ee
```
#9da4ee rgb(157,164,238)
```
#aeb4f1
```
#aeb4f1 rgb(174,180,241)
```
#bfc3f4
```
#bfc3f4 rgb(191,195,244)
```
#cfd3f7
```
#cfd3f7 rgb(207,211,247)
```
#e0e2fa
```
#e0e2fa rgb(224,226,250)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#b1b1b3
```
#b1b1b3 rgb(177,177,179)
```
#abacb9
```
#abacb9 rgb(171,172,185)
```
#a5a8bf
```
#a5a8bf rgb(165,168,191)
```
#a0a3c4
```
#a0a3c4 rgb(160,163,196)
```
#9a9eca
```
#9a9eca rgb(154,158,202)
```
#9499d0
```
#9499d0 rgb(148,153,208)
```
#8e94d6
```
#8e94d6 rgb(142,148,214)
```
#888fdc
```
#888fdc rgb(136,143,220)
```
#828ae2
```
#828ae2 rgb(130,138,226)
```
#7c85e8
```
#7c85e8 rgb(124,133,232)
```
#7680ee
```
#7680ee rgb(118,128,238)
```
#707bf4
```
#707bf4 rgb(112,123,244)
```
#6a76fa
```
#6a76fa rgb(106,118,250)
```

Tone Color Variation

Below, you can see how #7c85e8 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
#8a8ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6890ed Protanopia 1% of men
#5b94e5 Deuteranopia 1% of men
#6a9ba6 Tritanopia 0.001% of the population

Trichromacy

#6f8ceb Protanomaly 1% of men, 0.01% of women
#678ee6 Deuteranomaly 6% of men, 0.4% of women
#7093be Tritanomaly 0.01% of the population

#7c85e8 hex color

#7c85e8 Color Information

#7c85e8 Color Conversion

Color Schemes with #7c85e8

Alternatives to #7c85e8

#7c85e8 Preview

Shades and Tints of #7c85e8

Tones of #7c85e8

Color Blindness Simulator