#7c7af0 hex color

In a RGB color space, hex #7c7af0 is composed of 48.6% red, 47.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 49.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 241 degrees, a saturation of 79.7% and a lightness of 71%. #7c7af0 color hex could be obtained by blending #f8f4ff with #0000e1. Closest websafe color is: #6666ff.

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

● #7c7af0 color description : Soft blue.

The hexadecimal color #7c7af0 has RGB values of R:124, G:122, B:240 and CMYK values of C:0.48, M:0.49, Y:0, K:0.06. Its decimal value is 8157936.

Hex triplet	7c7af0	`#7c7af0`
RGB Decimal	124, 122, 240	`rgb(124,122,240)`
RGB Percent	48.6, 47.8, 94.1	`rgb(48.6%,47.8%,94.1%)`
CMYK	48, 49, 0, 6
HSL	241°, 79.7, 71	`hsl(241,79.7%,71%)`
HSV (or HSB)	241°, 49.2, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.58, 31.319, -59.398
XYZ	30.997, 24.494, 85.528
xyY	0.22, 0.174, 24.494
CIE-LCH	56.58, 67.149, 297.802
CIE-LUV	56.58, -6.286, -96.921
Hunter-Lab	49.492, 25.184, -67.816
Binary	01111100, 01111010, 11110000

#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#eef07a
```
#eef07a rgb(238,240,122)
```

Complementary Color

#7ab3f0
```
#7ab3f0 rgb(122,179,240)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#b77af0
```
#b77af0 rgb(183,122,240)
```

Analogous Color

#b3f07a
```
#b3f07a rgb(179,240,122)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#f0b77a
```
#f0b77a rgb(240,183,122)
```

Split Complementary Color

#7af07c
```
#7af07c rgb(122,240,124)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#f07c7a
```
#f07c7a rgb(240,124,122)
```

Triadic Color

#7aeef0
```
#7aeef0 rgb(122,238,240)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#f07c7a
```
#f07c7a rgb(240,124,122)
```
#eef07a
```
#eef07a rgb(238,240,122)
```

Tetradic Color

#3835e8
```
#3835e8 rgb(56,53,232)
```
#4f4ceb
```
#4f4ceb rgb(79,76,235)
```
#6563ed
```
#6563ed rgb(101,99,237)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#9391f3
```
#9391f3 rgb(147,145,243)
```
#a9a8f5
```
#a9a8f5 rgb(169,168,245)
```
#c0bff8
```
#c0bff8 rgb(192,191,248)
```

Monochromatic Color

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

#7a96f0
```
#7a96f0 rgb(122,150,240)
```
#7a8cf0
```
#7a8cf0 rgb(122,140,240)
```
#7a82f0
```
#7a82f0 rgb(122,130,240)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#867af0
```
#867af0 rgb(134,122,240)
```
#907af0
```
#907af0 rgb(144,122,240)
```
#9a7af0
```
#9a7af0 rgb(154,122,240)
```

Similar Colors

Text with hexadecimal color #7c7af0

This text has a font color of #7c7af0.

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

#7c7af0 background color

This paragraph has a background color of #7c7af0.

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

#7c7af0 border color

This element has a border color of #7c7af0.

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

CSS codes

.text {color:#7c7af0;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#03031a
```
#03031a rgb(3,3,26)
```
#06052b
```
#06052b rgb(6,5,43)
```
#08073d
```
#08073d rgb(8,7,61)
```
#0a094f
```
#0a094f rgb(10,9,79)
```
#0c0b60
```
#0c0b60 rgb(12,11,96)
```
#0f0d72
```
#0f0d72 rgb(15,13,114)
```
#110f83
```
#110f83 rgb(17,15,131)
```
#131195
```
#131195 rgb(19,17,149)
```
#1513a7
```
#1513a7 rgb(21,19,167)
```
#1815b8
```
#1815b8 rgb(24,21,184)
```
#1a17ca
```
#1a17ca rgb(26,23,202)
```
#1c19dc
```
#1c19dc rgb(28,25,220)
```

Shade Color Variation

#2522e6
```
#2522e6 rgb(37,34,230)
```
#3733e8
```
#3733e8 rgb(55,51,232)
```
#4845ea
```
#4845ea rgb(72,69,234)
```
#5957ec
```
#5957ec rgb(89,87,236)
```
#6b68ee
```
#6b68ee rgb(107,104,238)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#8d8cf2
```
#8d8cf2 rgb(141,140,242)
```
#9f9df4
```
#9f9df4 rgb(159,157,244)
```
#b0aff6
```
#b0aff6 rgb(176,175,246)
```
#c1c1f8
```
#c1c1f8 rgb(193,193,248)
```
#d3d2fa
```
#d3d2fa rgb(211,210,250)
```
#e4e4fc
```
#e4e4fc rgb(228,228,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#b3b3b7
```
#b3b3b7 rgb(179,179,183)
```
#adadbd
```
#adadbd rgb(173,173,189)
```
#a8a8c2
```
#a8a8c2 rgb(168,168,194)
```
#a2a2c8
```
#a2a2c8 rgb(162,162,200)
```
#9d9cce
```
#9d9cce rgb(157,156,206)
```
#9796d4
```
#9796d4 rgb(151,150,212)
```
#9291d9
```
#9291d9 rgb(146,145,217)
```
#8c8bdf
```
#8c8bdf rgb(140,139,223)
```
#8785e5
```
#8785e5 rgb(135,133,229)
```
#8180ea
```
#8180ea rgb(129,128,234)
```
#7c7af0
```
#7c7af0 rgb(124,122,240)
```
#7774f6
```
#7774f6 rgb(119,116,246)
```
#716ffb
```
#716ffb rgb(113,111,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#86859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8af8 Protanopia 1% of men
#368fea Deuteranopia 1% of men
#6495a0 Tritanopia 0.001% of the population

Trichromacy

#5e84f5 Protanomaly 1% of men, 0.01% of women
#4f87ec Deuteranomaly 6% of men, 0.4% of women
#6c8bbd Tritanomaly 0.01% of the population

#7c7af0 hex color

#7c7af0 Color Information

#7c7af0 Color Conversion

Color Schemes with #7c7af0

Alternatives to #7c7af0

#7c7af0 Preview

Shades and Tints of #7c7af0

Tones of #7c7af0

Color Blindness Simulator