#7f84cc hex color

In a RGB color space, hex #7f84cc is composed of 49.8% red, 51.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 35.3% magenta, 0% yellow and 20% black. It has a hue angle of 236.1 degrees, a saturation of 43% and a lightness of 64.9%. #7f84cc color hex could be obtained by blending #feffff with #000999. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 50
- G 52
- B 80
RGB color chart
- C 38
- M 35
- Y 0
- K 20
CMYK color chart

● #7f84cc color description : Slightly desaturated blue.

The hexadecimal color #7f84cc has RGB values of R:127, G:132, B:204 and CMYK values of C:0.38, M:0.35, Y:0, K:0.2. Its decimal value is 8357068.

Hex triplet	7f84cc	`#7f84cc`
RGB Decimal	127, 132, 204	`rgb(127,132,204)`
RGB Percent	49.8, 51.8, 80	`rgb(49.8%,51.8%,80%)`
CMYK	38, 35, 0, 20
HSL	236.1°, 43, 64.9	`hsl(236.1,43%,64.9%)`
HSV (or HSB)	236.1°, 37.7, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.438, 15.757, -37.852
XYZ	27.901, 25.374, 60.551
xyY	0.245, 0.223, 25.374
CIE-LCH	57.438, 41.001, 292.601
CIE-LUV	57.438, -6.521, -60.769
Hunter-Lab	50.372, 10.718, -36.01
Binary	01111111, 10000100, 11001100

#7f84cc
```
#7f84cc rgb(127,132,204)
```
#ccc77f
```
#ccc77f rgb(204,199,127)
```

Complementary Color

#7fabcc
```
#7fabcc rgb(127,171,204)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#a17fcc
```
#a17fcc rgb(161,127,204)
```

Analogous Color

#abcc7f
```
#abcc7f rgb(171,204,127)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#cca17f
```
#cca17f rgb(204,161,127)
```

Split Complementary Color

#84cc7f
```
#84cc7f rgb(132,204,127)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#cc7f84
```
#cc7f84 rgb(204,127,132)
```

Triadic Color

#7fccc7
```
#7fccc7 rgb(127,204,199)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#cc7f84
```
#cc7f84 rgb(204,127,132)
```
#ccc77f
```
#ccc77f rgb(204,199,127)
```

Tetradic Color

#4950b6
```
#4950b6 rgb(73,80,182)
```
#5b61bd
```
#5b61bd rgb(91,97,189)
```
#6d72c5
```
#6d72c5 rgb(109,114,197)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#9196d3
```
#9196d3 rgb(145,150,211)
```
#a3a7db
```
#a3a7db rgb(163,167,219)
```
#b6b9e2
```
#b6b9e2 rgb(182,185,226)
```

Monochromatic Color

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

#7f97cc
```
#7f97cc rgb(127,151,204)
```
#7f91cc
```
#7f91cc rgb(127,145,204)
```
#7f8acc
```
#7f8acc rgb(127,138,204)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#807fcc
```
#807fcc rgb(128,127,204)
```
#877fcc
```
#877fcc rgb(135,127,204)
```
#8d7fcc
```
#8d7fcc rgb(141,127,204)
```

Similar Colors

Text with hexadecimal color #7f84cc

This text has a font color of #7f84cc.

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

#7f84cc background color

This paragraph has a background color of #7f84cc.

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

#7f84cc border color

This element has a border color of #7f84cc.

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

CSS codes

.text {color:#7f84cc;}

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

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

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, #05050c is the darkest color, while #fdfdfe is the lightest one.

#05050c
```
#05050c rgb(5,5,12)
```
#0a0c1a
```
#0a0c1a rgb(10,12,26)
```
#101228
```
#101228 rgb(16,18,40)
```
#161836
```
#161836 rgb(22,24,54)
```
#1b1e44
```
#1b1e44 rgb(27,30,68)
```
#212452
```
#212452 rgb(33,36,82)
```
#262a60
```
#262a60 rgb(38,42,96)
```
#2c306e
```
#2c306e rgb(44,48,110)
```
#32367c
```
#32367c rgb(50,54,124)
```
#373d8b
```
#373d8b rgb(55,61,139)
```
#3d4399
```
#3d4399 rgb(61,67,153)
```
#4249a7
```
#4249a7 rgb(66,73,167)
```
#484fb5
```
#484fb5 rgb(72,79,181)
```

Shade Color Variation

#555cbb
```
#555cbb rgb(85,92,187)
```
#6369c1
```
#6369c1 rgb(99,105,193)
```
#7177c6
```
#7177c6 rgb(113,119,198)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#8d91d2
```
#8d91d2 rgb(141,145,210)
```
#9b9fd7
```
#9b9fd7 rgb(155,159,215)
```
#a9acdd
```
#a9acdd rgb(169,172,221)
```
#b7bae2
```
#b7bae2 rgb(183,186,226)
```
#c5c7e8
```
#c5c7e8 rgb(197,199,232)
```
#d3d5ee
```
#d3d5ee rgb(211,213,238)
```
#e1e2f3
```
#e1e2f3 rgb(225,226,243)
```
#eff0f9
```
#eff0f9 rgb(239,240,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a1a2aa
```
#a1a2aa rgb(161,162,170)
```
#9b9cb0
```
#9b9cb0 rgb(155,156,176)
```
#9496b7
```
#9496b7 rgb(148,150,183)
```
#8d90be
```
#8d90be rgb(141,144,190)
```
#868ac5
```
#868ac5 rgb(134,138,197)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#787ed3
```
#787ed3 rgb(120,126,211)
```
#7178da
```
#7178da rgb(113,120,218)
```
#6a72e1
```
#6a72e1 rgb(106,114,225)
```
#636ce8
```
#636ce8 rgb(99,108,232)
```
#5d66ee
```
#5d66ee rgb(93,102,238)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#4f5afc
```
#4f5afc rgb(79,90,252)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#898a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768dd1 Protanopia 1% of men
#738fcc Deuteranopia 1% of men
#77949f Tritanopia 0.001% of the population

Trichromacy

#798acf Protanomaly 1% of men, 0.01% of women
#778bcc Deuteranomaly 6% of men, 0.4% of women
#7a8eaf Tritanomaly 0.01% of the population

#7f84cc hex color

#7f84cc Color Information

#7f84cc Color Conversion

Color Schemes with #7f84cc

Alternatives to #7f84cc

#7f84cc Preview

Shades and Tints of #7f84cc

Tones of #7f84cc

Color Blindness Simulator