colorhexa.com

#7f84fe hex color

In a RGB color space, hex #7f84fe is composed of 49.8% red, 51.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 48% magenta, 0% yellow and 0.4% black. It has a hue angle of 237.6 degrees, a saturation of 98.4% and a lightness of 74.7%. #7f84fe color hex could be obtained by blending #feffff with #0009fd. Closest websafe color is: #6699ff.

- R 50
- G 52
- B 100
RGB color chart
- C 50
- M 48
- Y 0
- K 0
CMYK color chart

● #7f84fe color description : Soft blue.

The hexadecimal color #7f84fe has RGB values of R:127, G:132, B:254 and CMYK values of C:0.5, M:0.48, Y:0, K:0. Its decimal value is 8357118.

Hex triplet	7f84fe	`#7f84fe`
RGB Decimal	127, 132, 254	`rgb(127,132,254)`
RGB Percent	49.8, 51.8, 99.6	`rgb(49.8%,51.8%,99.6%)`
CMYK	50, 48, 0, 0
HSL	237.6°, 98.4, 74.7	`hsl(237.6,98.4%,74.7%)`
HSV (or HSB)	237.6°, 50, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.041, 30.241, -61.574
XYZ	34.89, 28.169, 97.359
xyY	0.217, 0.176, 28.169
CIE-LCH	60.041, 68.599, 296.157
CIE-LUV	60.041, -9.085, -101.535
Hunter-Lab	53.075, 24.46, -71.609
Binary	01111111, 10000100, 11111110

#7f84fe
```
#7f84fe rgb(127,132,254)
```
#fef97f
```
#fef97f rgb(254,249,127)
```

Complementary Color

#7fc4fe
```
#7fc4fe rgb(127,196,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#ba7ffe
```
#ba7ffe rgb(186,127,254)
```

Analogous Color

#c4fe7f
```
#c4fe7f rgb(196,254,127)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#feba7f
```
#feba7f rgb(254,186,127)
```

Split Complementary Color

#84fe7f
```
#84fe7f rgb(132,254,127)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#fe7f84
```
#fe7f84 rgb(254,127,132)
```

Triadic Color

#7ffef9
```
#7ffef9 rgb(127,254,249)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#fe7f84
```
#fe7f84 rgb(254,127,132)
```
#fef97f
```
#fef97f rgb(254,249,127)
```

Tetradic Color

#333bfd
```
#333bfd rgb(51,59,253)
```
#4c53fe
```
#4c53fe rgb(76,83,254)
```
#666cfe
```
#666cfe rgb(102,108,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#989cfe
```
#989cfe rgb(152,156,254)
```
#b2b5fe
```
#b2b5fe rgb(178,181,254)
```
#cbcdff
```
#cbcdff rgb(203,205,255)
```

Monochromatic Color

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

#7fa4fe
```
#7fa4fe rgb(127,164,254)
```
#7f99fe
```
#7f99fe rgb(127,153,254)
```
#7f8ffe
```
#7f8ffe rgb(127,143,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#857ffe
```
#857ffe rgb(133,127,254)
```
#8f7ffe
```
#8f7ffe rgb(143,127,254)
```
#9a7ffe
```
#9a7ffe rgb(154,127,254)
```

Similar Colors

Text with hexadecimal color #7f84fe

This text has a font color of #7f84fe.

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

#7f84fe background color

This paragraph has a background color of #7f84fe.

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

#7f84fe border color

This element has a border color of #7f84fe.

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

CSS codes

.text {color:#7f84fe;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#00011c
```
#00011c rgb(0,1,28)
```
#00022f
```
#00022f rgb(0,2,47)
```
#010343
```
#010343 rgb(1,3,67)
```
#010456
```
#010456 rgb(1,4,86)
```
#01056a
```
#01056a rgb(1,5,106)
```
#01067d
```
#01067d rgb(1,6,125)
```
#010790
```
#010790 rgb(1,7,144)
```
#0108a4
```
#0108a4 rgb(1,8,164)
```
#0109b7
```
#0109b7 rgb(1,9,183)
```
#020acb
```
#020acb rgb(2,10,203)
```
#020ade
```
#020ade rgb(2,10,222)
```
#020bf2
```
#020bf2 rgb(2,11,242)
```

Shade Color Variation

#0a14fd
```
#0a14fd rgb(10,20,253)
```
#1e26fd
```
#1e26fd rgb(30,38,253)
```
#3139fd
```
#3139fd rgb(49,57,253)
```
#454cfe
```
#454cfe rgb(69,76,254)
```
#585ffe
```
#585ffe rgb(88,95,254)
```
#6c71fe
```
#6c71fe rgb(108,113,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#9297fe
```
#9297fe rgb(146,151,254)
```
#a6a9fe
```
#a6a9fe rgb(166,169,254)
```
#b9bcfe
```
#b9bcfe rgb(185,188,254)
```
#cdcfff
```
#cdcfff rgb(205,207,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#bbbbc2
```
#bbbbc2 rgb(187,187,194)
```
#b6b6c7
```
#b6b6c7 rgb(182,182,199)
```
#b1b2cc
```
#b1b2cc rgb(177,178,204)
```
#acadd1
```
#acadd1 rgb(172,173,209)
```
#a7a9d6
```
#a7a9d6 rgb(167,169,214)
```
#a2a4db
```
#a2a4db rgb(162,164,219)
```
#9d9fe0
```
#9d9fe0 rgb(157,159,224)
```
#989be5
```
#989be5 rgb(152,155,229)
```
#9396ea
```
#9396ea rgb(147,150,234)
```
#8e92ef
```
#8e92ef rgb(142,146,239)
```
#898df4
```
#898df4 rgb(137,141,244)
```
#8489f9
```
#8489f9 rgb(132,137,249)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```

Tone Color Variation

Below, you can see how #7f84fe 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
#8d8ea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d92ff Protanopia 1% of men
#3b98f8 Deuteranopia 1% of men
#639fab Tritanopia 0.001% of the population

Trichromacy

#698dfe Protanomaly 1% of men, 0.01% of women
#5490fa Deuteranomaly 6% of men, 0.4% of women
#6d95c9 Tritanomaly 0.01% of the population