#7b82f0 hex color

In a RGB color space, hex #7b82f0 is composed of 48.2% red, 51% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 45.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 236.4 degrees, a saturation of 79.6% and a lightness of 71.2%. #7b82f0 color hex could be obtained by blending #f6ffff with #0005e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 51
- B 94
RGB color chart
- C 49
- M 46
- Y 0
- K 6
CMYK color chart

● #7b82f0 color description : Soft blue.

The hexadecimal color #7b82f0 has RGB values of R:123, G:130, B:240 and CMYK values of C:0.49, M:0.46, Y:0, K:0.06. Its decimal value is 8094448.

Hex triplet	7b82f0	`#7b82f0`
RGB Decimal	123, 130, 240	`rgb(123,130,240)`
RGB Percent	48.2, 51, 94.1	`rgb(48.2%,51%,94.1%)`
CMYK	49, 46, 0, 6
HSL	236.4°, 79.6, 71.2	`hsl(236.4,79.6%,71.2%)`
HSV (or HSB)	236.4°, 48.8, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.477, 26.364, -56.366
XYZ	31.876, 26.466, 85.862
xyY	0.221, 0.184, 26.466
CIE-LCH	58.477, 62.227, 295.066
CIE-LUV	58.477, -9.197, -92.244
Hunter-Lab	51.446, 20.57, -62.943
Binary	01111011, 10000010, 11110000

#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#f0e97b
```
#f0e97b rgb(240,233,123)
```

Complementary Color

#7bbdf0
```
#7bbdf0 rgb(123,189,240)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#af7bf0
```
#af7bf0 rgb(175,123,240)
```

Analogous Color

#bdf07b
```
#bdf07b rgb(189,240,123)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#f0af7b
```
#f0af7b rgb(240,175,123)
```

Split Complementary Color

#82f07b
```
#82f07b rgb(130,240,123)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#f07b82
```
#f07b82 rgb(240,123,130)
```

Triadic Color

#7bf0e9
```
#7bf0e9 rgb(123,240,233)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#f07b82
```
#f07b82 rgb(240,123,130)
```
#f0e97b
```
#f0e97b rgb(240,233,123)
```

Tetradic Color

#3641e8
```
#3641e8 rgb(54,65,232)
```
#4d57eb
```
#4d57eb rgb(77,87,235)
```
#646ced
```
#646ced rgb(100,108,237)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#9298f3
```
#9298f3 rgb(146,152,243)
```
#a9adf5
```
#a9adf5 rgb(169,173,245)
```
#c0c3f8
```
#c0c3f8 rgb(192,195,248)
```

Monochromatic Color

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

#7b9ff0
```
#7b9ff0 rgb(123,159,240)
```
#7b96f0
```
#7b96f0 rgb(123,150,240)
```
#7b8cf0
```
#7b8cf0 rgb(123,140,240)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#7e7bf0
```
#7e7bf0 rgb(126,123,240)
```
#887bf0
```
#887bf0 rgb(136,123,240)
```
#917bf0
```
#917bf0 rgb(145,123,240)
```

Similar Colors

Text with hexadecimal color #7b82f0

This text has a font color of #7b82f0.

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

#7b82f0 background color

This paragraph has a background color of #7b82f0.

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

#7b82f0 border color

This element has a border color of #7b82f0.

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

CSS codes

.text {color:#7b82f0;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03041b
```
#03041b rgb(3,4,27)
```
#05072c
```
#05072c rgb(5,7,44)
```
#070a3e
```
#070a3e rgb(7,10,62)
```
#090d4f
```
#090d4f rgb(9,13,79)
```
#0b1061
```
#0b1061 rgb(11,16,97)
```
#0d1373
```
#0d1373 rgb(13,19,115)
```
#0f1684
```
#0f1684 rgb(15,22,132)
```
#111996
```
#111996 rgb(17,25,150)
```
#131ca7
```
#131ca7 rgb(19,28,167)
```
#151fb9
```
#151fb9 rgb(21,31,185)
```
#1722cb
```
#1722cb rgb(23,34,203)
```
#1925dc
```
#1925dc rgb(25,37,220)
```

Shade Color Variation

#232fe6
```
#232fe6 rgb(35,47,230)
```
#353fe8
```
#353fe8 rgb(53,63,232)
```
#4650ea
```
#4650ea rgb(70,80,234)
```
#5861ec
```
#5861ec rgb(88,97,236)
```
#6971ee
```
#6971ee rgb(105,113,238)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#8d93f2
```
#8d93f2 rgb(141,147,242)
```
#9ea3f4
```
#9ea3f4 rgb(158,163,244)
```
#b0b4f6
```
#b0b4f6 rgb(176,180,246)
```
#c1c5f8
```
#c1c5f8 rgb(193,197,248)
```
#d3d5fa
```
#d3d5fa rgb(211,213,250)
```
#e5e6fc
```
#e5e6fc rgb(229,230,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#b4b4b7
```
#b4b4b7 rgb(180,180,183)
```
#aeafbd
```
#aeafbd rgb(174,175,189)
```
#a8aac3
```
#a8aac3 rgb(168,170,195)
```
#a3a5c8
```
#a3a5c8 rgb(163,165,200)
```
#9da0ce
```
#9da0ce rgb(157,160,206)
```
#979bd4
```
#979bd4 rgb(151,155,212)
```
#9296d9
```
#9296d9 rgb(146,150,217)
```
#8c91df
```
#8c91df rgb(140,145,223)
```
#868ce5
```
#868ce5 rgb(134,140,229)
```
#8187ea
```
#8187ea rgb(129,135,234)
```
#7b82f0
```
#7b82f0 rgb(123,130,240)
```
#757df6
```
#757df6 rgb(117,125,246)
```
#7078fb
```
#7078fb rgb(112,120,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#898aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8ff6 Protanopia 1% of men
#4a93ec Deuteranopia 1% of men
#649aa6 Tritanopia 0.001% of the population

Trichromacy

#688af4 Protanomaly 1% of men, 0.01% of women
#5c8ded Deuteranomaly 6% of men, 0.4% of women
#6c91c0 Tritanomaly 0.01% of the population

#7b82f0 hex color

#7b82f0 Color Information

#7b82f0 Color Conversion

Color Schemes with #7b82f0

Alternatives to #7b82f0

#7b82f0 Preview

Shades and Tints of #7b82f0

Tones of #7b82f0

Color Blindness Simulator