#7b87f3 hex color

In a RGB color space, hex #7b87f3 is composed of 48.2% red, 52.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 44.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 234 degrees, a saturation of 83.3% and a lightness of 71.8%. #7b87f3 color hex could be obtained by blending #f6ffff with #000fe7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 53
- B 95
RGB color chart
- C 49
- M 44
- Y 0
- K 5
CMYK color chart

● #7b87f3 color description : Soft blue.

The hexadecimal color #7b87f3 has RGB values of R:123, G:135, B:243 and CMYK values of C:0.49, M:0.44, Y:0, K:0.05. Its decimal value is 8095731.

Hex triplet	7b87f3	`#7b87f3`
RGB Decimal	123, 135, 243	`rgb(123,135,243)`
RGB Percent	48.2, 52.9, 95.3	`rgb(48.2%,52.9%,95.3%)`
CMYK	49, 44, 0, 5
HSL	234°, 83.3, 71.8	`hsl(234,83.3%,71.8%)`
HSV (or HSB)	234°, 49.4, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.897, 24.305, -55.761
XYZ	33.007, 28.009, 88.456
xyY	0.221, 0.187, 28.009
CIE-LCH	59.897, 60.828, 293.551
CIE-LUV	59.897, -10.97, -91.491
Hunter-Lab	52.923, 18.71, -62.051
Binary	01111011, 10000111, 11110011

#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#f3e77b
```
#f3e77b rgb(243,231,123)
```

Complementary Color

#7bc3f3
```
#7bc3f3 rgb(123,195,243)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#ab7bf3
```
#ab7bf3 rgb(171,123,243)
```

Analogous Color

#c3f37b
```
#c3f37b rgb(195,243,123)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#f3ab7b
```
#f3ab7b rgb(243,171,123)
```

Split Complementary Color

#87f37b
```
#87f37b rgb(135,243,123)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#f37b87
```
#f37b87 rgb(243,123,135)
```

Triadic Color

#7bf3e7
```
#7bf3e7 rgb(123,243,231)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#f37b87
```
#f37b87 rgb(243,123,135)
```
#f3e77b
```
#f3e77b rgb(243,231,123)
```

Tetradic Color

#3547ed
```
#3547ed rgb(53,71,237)
```
#4c5def
```
#4c5def rgb(76,93,239)
```
#6472f1
```
#6472f1 rgb(100,114,241)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#929cf5
```
#929cf5 rgb(146,156,245)
```
#aab2f7
```
#aab2f7 rgb(170,178,247)
```
#c1c7f9
```
#c1c7f9 rgb(193,199,249)
```

Monochromatic Color

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

#7ba5f3
```
#7ba5f3 rgb(123,165,243)
```
#7b9bf3
```
#7b9bf3 rgb(123,155,243)
```
#7b91f3
```
#7b91f3 rgb(123,145,243)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#7b7df3
```
#7b7df3 rgb(123,125,243)
```
#837bf3
```
#837bf3 rgb(131,123,243)
```
#8d7bf3
```
#8d7bf3 rgb(141,123,243)
```

Similar Colors

Text with hexadecimal color #7b87f3

This text has a font color of #7b87f3.

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

#7b87f3 background color

This paragraph has a background color of #7b87f3.

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

#7b87f3 border color

This element has a border color of #7b87f3.

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

CSS codes

.text {color:#7b87f3;}

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

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

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, #01020c is the darkest color, while #f9f9fe is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#03051e
```
#03051e rgb(3,5,30)
```
#040930
```
#040930 rgb(4,9,48)
```
#060c42
```
#060c42 rgb(6,12,66)
```
#080f54
```
#080f54 rgb(8,15,84)
```
#091366
```
#091366 rgb(9,19,102)
```
#0b1678
```
#0b1678 rgb(11,22,120)
```
#0d198a
```
#0d198a rgb(13,25,138)
```
#0e1c9c
```
#0e1c9c rgb(14,28,156)
```
#1020ae
```
#1020ae rgb(16,32,174)
```
#1123c0
```
#1123c0 rgb(17,35,192)
```
#1326d2
```
#1326d2 rgb(19,38,210)
```
#1529e4
```
#1529e4 rgb(21,41,228)
```

Shade Color Variation

#2135eb
```
#2135eb rgb(33,53,235)
```
#3346ec
```
#3346ec rgb(51,70,236)
```
#4556ee
```
#4556ee rgb(69,86,238)
```
#5766f0
```
#5766f0 rgb(87,102,240)
```
#6977f1
```
#6977f1 rgb(105,119,241)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#8d97f5
```
#8d97f5 rgb(141,151,245)
```
#9fa8f6
```
#9fa8f6 rgb(159,168,246)
```
#b1b8f8
```
#b1b8f8 rgb(177,184,248)
```
#c3c8fa
```
#c3c8fa rgb(195,200,250)
```
#d5d9fb
```
#d5d9fb rgb(213,217,251)
```
#e7e9fd
```
#e7e9fd rgb(231,233,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#b2b3bc
```
#b2b3bc rgb(178,179,188)
```
#adafc1
```
#adafc1 rgb(173,175,193)
```
#a7aac7
```
#a7aac7 rgb(167,170,199)
```
#a2a6cc
```
#a2a6cc rgb(162,166,204)
```
#9ca2d2
```
#9ca2d2 rgb(156,162,210)
```
#979dd7
```
#979dd7 rgb(151,157,215)
```
#9199dd
```
#9199dd rgb(145,153,221)
```
#8c94e2
```
#8c94e2 rgb(140,148,226)
```
#8690e8
```
#8690e8 rgb(134,144,232)
```
#818bed
```
#818bed rgb(129,139,237)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#7583f9
```
#7583f9 rgb(117,131,249)
```
#707efe
```
#707efe rgb(112,126,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8c8ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6392f8 Protanopia 1% of men
#5197ef Deuteranopia 1% of men
#649eaa Tritanopia 0.001% of the population

Trichromacy

#6c8ef6 Protanomaly 1% of men, 0.01% of women
#6091f0 Deuteranomaly 6% of men, 0.4% of women
#6c96c4 Tritanomaly 0.01% of the population

#7b87f3 hex color

#7b87f3 Color Information

#7b87f3 Color Conversion

Color Schemes with #7b87f3

Alternatives to #7b87f3

#7b87f3 Preview

Shades and Tints of #7b87f3

Tones of #7b87f3

Color Blindness Simulator