#7c7bff hex color

In a RGB color space, hex #7c7bff is composed of 48.6% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 240.5 degrees, a saturation of 100% and a lightness of 74.1%. #7c7bff color hex could be obtained by blending #f8f6ff with #0000ff. Closest websafe color is: #6666ff.

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

● #7c7bff color description : Very light blue.

The hexadecimal color #7c7bff has RGB values of R:124, G:123, B:255 and CMYK values of C:0.51, M:0.52, Y:0, K:0. Its decimal value is 8158207.

Hex triplet	7c7bff	`#7c7bff`
RGB Decimal	124, 123, 255	`rgb(124,123,255)`
RGB Percent	48.6, 48.2, 100	`rgb(48.6%,48.2%,100%)`
CMYK	51, 52, 0, 0
HSL	240.5°, 100, 74.1	`hsl(240.5,100%,74.1%)`
HSV (or HSB)	240.5°, 51.8, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	57.722, 35.214, -65.859
XYZ	33.442, 25.67, 97.795
xyY	0.213, 0.164, 25.67
CIE-LCH	57.722, 74.682, 298.133
CIE-LUV	57.722, -7.453, -107.906
Hunter-Lab	50.665, 29.154, -78.976
Binary	01111100, 01111011, 11111111

#7c7bff
```
#7c7bff rgb(124,123,255)
```
#feff7b
```
#feff7b rgb(254,255,123)
```

Complementary Color

#7bbcff
```
#7bbcff rgb(123,188,255)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#be7bff
```
#be7bff rgb(190,123,255)
```

Analogous Color

#bcff7b
```
#bcff7b rgb(188,255,123)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#ffbe7b
```
#ffbe7b rgb(255,190,123)
```

Split Complementary Color

#7bff7c
```
#7bff7c rgb(123,255,124)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#ff7c7b
```
#ff7c7b rgb(255,124,123)
```

Triadic Color

#7bfeff
```
#7bfeff rgb(123,254,255)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#ff7c7b
```
#ff7c7b rgb(255,124,123)
```
#feff7b
```
#feff7b rgb(254,255,123)
```

Tetradic Color

#302fff
```
#302fff rgb(48,47,255)
```
#4948ff
```
#4948ff rgb(73,72,255)
```
#6362ff
```
#6362ff rgb(99,98,255)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#9595ff
```
#9595ff rgb(149,149,255)
```
#afaeff
```
#afaeff rgb(175,174,255)
```
#c8c8ff
```
#c8c8ff rgb(200,200,255)
```

Monochromatic Color

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

#7b9bff
```
#7b9bff rgb(123,155,255)
```
#7b90ff
```
#7b90ff rgb(123,144,255)
```
#7b85ff
```
#7b85ff rgb(123,133,255)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#877bff
```
#877bff rgb(135,123,255)
```
#927bff
```
#927bff rgb(146,123,255)
```
#9d7bff
```
#9d7bff rgb(157,123,255)
```

Similar Colors

Text with hexadecimal color #7c7bff

This text has a font color of #7c7bff.

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

#7c7bff background color

This paragraph has a background color of #7c7bff.

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

#7c7bff border color

This element has a border color of #7c7bff.

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

CSS codes

.text {color:#7c7bff;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000019
```
#000019 rgb(0,0,25)
```
#00002d
```
#00002d rgb(0,0,45)
```
#000040
```
#000040 rgb(0,0,64)
```
#010054
```
#010054 rgb(1,0,84)
```
#010067
```
#010067 rgb(1,0,103)
```
#01007b
```
#01007b rgb(1,0,123)
```
#01008f
```
#01008f rgb(1,0,143)
```
#0100a2
```
#0100a2 rgb(1,0,162)
```
#0100b6
```
#0100b6 rgb(1,0,182)
```
#0200c9
```
#0200c9 rgb(2,0,201)
```
#0200dd
```
#0200dd rgb(2,0,221)
```
#0200f1
```
#0200f1 rgb(2,0,241)
```

Shade Color Variation

#0705ff
```
#0705ff rgb(7,5,255)
```
#1b19ff
```
#1b19ff rgb(27,25,255)
```
#2e2dff
```
#2e2dff rgb(46,45,255)
```
#4240ff
```
#4240ff rgb(66,64,255)
```
#5554ff
```
#5554ff rgb(85,84,255)
```
#6967ff
```
#6967ff rgb(105,103,255)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```
#8f8fff
```
#8f8fff rgb(143,143,255)
```
#a3a2ff
```
#a3a2ff rgb(163,162,255)
```
#b6b6ff
```
#b6b6ff rgb(182,182,255)
```
#cac9ff
```
#cac9ff rgb(202,201,255)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f1f1ff
```
#f1f1ff rgb(241,241,255)
```

Tint Color Variation

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

#b8b8c2
```
#b8b8c2 rgb(184,184,194)
```
#b3b3c7
```
#b3b3c7 rgb(179,179,199)
```
#aeaecc
```
#aeaecc rgb(174,174,204)
```
#a9a9d1
```
#a9a9d1 rgb(169,169,209)
```
#a4a4d6
```
#a4a4d6 rgb(164,164,214)
```
#9f9fdb
```
#9f9fdb rgb(159,159,219)
```
#9a99e1
```
#9a99e1 rgb(154,153,225)
```
#9594e6
```
#9594e6 rgb(149,148,230)
```
#908feb
```
#908feb rgb(144,143,235)
```
#8b8af0
```
#8b8af0 rgb(139,138,240)
```
#8685f5
```
#8685f5 rgb(134,133,245)
```
#8180fa
```
#8180fa rgb(129,128,250)
```
#7c7bff
```
#7c7bff rgb(124,123,255)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#8787a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#5c99a5 Tritanopia 0.001% of the population

Trichromacy

#5d86ff Protanomaly 1% of men, 0.01% of women
#2d8af8 Deuteranomaly 6% of men, 0.4% of women
#678ec5 Tritanomaly 0.01% of the population

#7c7bff hex color

#7c7bff Color Information

#7c7bff Color Conversion

Color Schemes with #7c7bff

Alternatives to #7c7bff

#7c7bff Preview

Shades and Tints of #7c7bff

Tones of #7c7bff

Color Blindness Simulator