#7869f0 hex color

In a RGB color space, hex #7869f0 is composed of 47.1% red, 41.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 56.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 246.7 degrees, a saturation of 81.8% and a lightness of 67.6%. #7869f0 color hex could be obtained by blending #f0d2ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 41
- B 94
RGB color chart
- C 50
- M 56
- Y 0
- K 6
CMYK color chart

● #7869f0 color description : Soft blue.

The hexadecimal color #7869f0 has RGB values of R:120, G:105, B:240 and CMYK values of C:0.5, M:0.56, Y:0, K:0.06. Its decimal value is 7891440.

Hex triplet	7869f0	`#7869f0`
RGB Decimal	120, 105, 240	`rgb(120,105,240)`
RGB Percent	47.1, 41.2, 94.1	`rgb(47.1%,41.2%,94.1%)`
CMYK	50, 56, 0, 6
HSL	246.7°, 81.8, 67.6	`hsl(246.7,81.8%,67.6%)`
HSV (or HSB)	246.7°, 56.3, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.272, 40.475, -66.348
XYZ	28.522, 20.387, 84.865
xyY	0.213, 0.152, 20.387
CIE-LCH	52.272, 77.719, 301.385
CIE-LUV	52.272, -2.794, -106.538
Hunter-Lab	45.152, 33.744, -79.833
Binary	01111000, 01101001, 11110000

#7869f0
```
#7869f0 rgb(120,105,240)
```
#e1f069
```
#e1f069 rgb(225,240,105)
```

Complementary Color

#699ef0
```
#699ef0 rgb(105,158,240)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#bc69f0
```
#bc69f0 rgb(188,105,240)
```

Analogous Color

#9ef069
```
#9ef069 rgb(158,240,105)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#f0bc69
```
#f0bc69 rgb(240,188,105)
```

Split Complementary Color

#69f078
```
#69f078 rgb(105,240,120)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#f07869
```
#f07869 rgb(240,120,105)
```

Triadic Color

#69e1f0
```
#69e1f0 rgb(105,225,240)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#f07869
```
#f07869 rgb(240,120,105)
```
#e1f069
```
#e1f069 rgb(225,240,105)
```

Tetradic Color

#3923e9
```
#3923e9 rgb(57,35,233)
```
#4e3beb
```
#4e3beb rgb(78,59,235)
```
#6352ee
```
#6352ee rgb(99,82,238)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#8d80f2
```
#8d80f2 rgb(141,128,242)
```
#a297f5
```
#a297f5 rgb(162,151,245)
```
#b7aff7
```
#b7aff7 rgb(183,175,247)
```

Monochromatic Color

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

#697cf0
```
#697cf0 rgb(105,124,240)
```
#6971f0
```
#6971f0 rgb(105,113,240)
```
#6d69f0
```
#6d69f0 rgb(109,105,240)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#8369f0
```
#8369f0 rgb(131,105,240)
```
#8f69f0
```
#8f69f0 rgb(143,105,240)
```
#9a69f0
```
#9a69f0 rgb(154,105,240)
```

Similar Colors

Text with hexadecimal color #7869f0

This text has a font color of #7869f0.

<span style="color:#7869f0;">Text here</span>

#7869f0 background color

This paragraph has a background color of #7869f0.

<p style="background-color:#7869f0;">Content here</p>

#7869f0 border color

This element has a border color of #7869f0.

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

CSS codes

.text {color:#7869f0;}

.background {background-color:#7869f0;}

.border {border:1px solid #7869f0;}

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, #02010a is the darkest color, while #f8f8fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#06031c
```
#06031c rgb(6,3,28)
```
#09052e
```
#09052e rgb(9,5,46)
```
#0d0640
```
#0d0640 rgb(13,6,64)
```
#100852
```
#100852 rgb(16,8,82)
```
#140a64
```
#140a64 rgb(20,10,100)
```
#170c75
```
#170c75 rgb(23,12,117)
```
#1b0e87
```
#1b0e87 rgb(27,14,135)
```
#1f0f99
```
#1f0f99 rgb(31,15,153)
```
#2211ab
```
#2211ab rgb(34,17,171)
```
#2613bd
```
#2613bd rgb(38,19,189)
```
#2915cf
```
#2915cf rgb(41,21,207)
```
#2d16e0
```
#2d16e0 rgb(45,22,224)
```

Shade Color Variation

#3822e9
```
#3822e9 rgb(56,34,233)
```
#4834eb
```
#4834eb rgb(72,52,235)
```
#5845ec
```
#5845ec rgb(88,69,236)
```
#6857ee
```
#6857ee rgb(104,87,238)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#887bf2
```
#887bf2 rgb(136,123,242)
```
#988df4
```
#988df4 rgb(152,141,244)
```
#a89ef5
```
#a89ef5 rgb(168,158,245)
```
#b8b0f7
```
#b8b0f7 rgb(184,176,247)
```
#c8c2f9
```
#c8c2f9 rgb(200,194,249)
```
#d8d4fb
```
#d8d4fb rgb(216,212,251)
```
#e8e6fc
```
#e8e6fc rgb(232,230,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#a9a8b1
```
#a9a8b1 rgb(169,168,177)
```
#a4a2b7
```
#a4a2b7 rgb(164,162,183)
```
#9f9cbd
```
#9f9cbd rgb(159,156,189)
```
#9b95c4
```
#9b95c4 rgb(155,149,196)
```
#968fca
```
#968fca rgb(150,143,202)
```
#9189d0
```
#9189d0 rgb(145,137,208)
```
#8c82d7
```
#8c82d7 rgb(140,130,215)
```
#877cdd
```
#877cdd rgb(135,124,221)
```
#8276e3
```
#8276e3 rgb(130,118,227)
```
#7d6fea
```
#7d6fea rgb(125,111,234)
```
#7869f0
```
#7869f0 rgb(120,105,240)
```
#7363f6
```
#7363f6 rgb(115,99,246)
```
#6e5cfd
```
#6e5cfd rgb(110,92,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#7c7994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#5a8a94 Tritanopia 0.001% of the population

Trichromacy

#2b77f6 Protanomaly 1% of men, 0.01% of women
#2b7be4 Deuteranomaly 6% of men, 0.4% of women
#657eb6 Tritanomaly 0.01% of the population

#7869f0 hex color

#7869f0 Color Information

#7869f0 Color Conversion

Color Schemes with #7869f0

Alternatives to #7869f0

#7869f0 Preview

Shades and Tints of #7869f0

Tones of #7869f0

Color Blindness Simulator