#7d83bb hex color

In a RGB color space, hex #7d83bb is composed of 49% red, 51.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 29.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 234.2 degrees, a saturation of 31.3% and a lightness of 61.2%. #7d83bb color hex could be obtained by blending #faffff with #000777. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 51
- B 73
RGB color chart
- C 33
- M 30
- Y 0
- K 27
CMYK color chart

● #7d83bb color description : Slightly desaturated blue.

The hexadecimal color #7d83bb has RGB values of R:125, G:131, B:187 and CMYK values of C:0.33, M:0.3, Y:0, K:0.27. Its decimal value is 8225723.

Hex triplet	7d83bb	`#7d83bb`
RGB Decimal	125, 131, 187	`rgb(125,131,187)`
RGB Percent	49, 51.4, 73.3	`rgb(49%,51.4%,73.3%)`
CMYK	33, 30, 0, 27
HSL	234.2°, 31.3, 61.2	`hsl(234.2,31.3%,61.2%)`
HSV (or HSB)	234.2°, 33.2, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.267, 11.158, -30.042
XYZ	25.542, 24.18, 50.332
xyY	0.255, 0.242, 24.18
CIE-LCH	56.267, 32.048, 290.376
CIE-LUV	56.267, -6.126, -47.376
Hunter-Lab	49.173, 6.664, -26.267
Binary	01111101, 10000011, 10111011

#7d83bb
```
#7d83bb rgb(125,131,187)
```
#bbb57d
```
#bbb57d rgb(187,181,125)
```

Complementary Color

#7da2bb
```
#7da2bb rgb(125,162,187)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#967dbb
```
#967dbb rgb(150,125,187)
```

Analogous Color

#a2bb7d
```
#a2bb7d rgb(162,187,125)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#bb967d
```
#bb967d rgb(187,150,125)
```

Split Complementary Color

#83bb7d
```
#83bb7d rgb(131,187,125)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#bb7d83
```
#bb7d83 rgb(187,125,131)
```

Triadic Color

#7dbbb5
```
#7dbbb5 rgb(125,187,181)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#bb7d83
```
#bb7d83 rgb(187,125,131)
```
#bbb57d
```
#bbb57d rgb(187,181,125)
```

Tetradic Color

#51589b
```
#51589b rgb(81,88,155)
```
#5c63a9
```
#5c63a9 rgb(92,99,169)
```
#6c73b2
```
#6c73b2 rgb(108,115,178)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#8e93c4
```
#8e93c4 rgb(142,147,196)
```
#9ea3cd
```
#9ea3cd rgb(158,163,205)
```
#afb3d5
```
#afb3d5 rgb(175,179,213)
```

Monochromatic Color

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

#7d93bb
```
#7d93bb rgb(125,147,187)
```
#7d8dbb
```
#7d8dbb rgb(125,141,187)
```
#7d88bb
```
#7d88bb rgb(125,136,187)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#7d7ebb
```
#7d7ebb rgb(125,126,187)
```
#817dbb
```
#817dbb rgb(129,125,187)
```
#877dbb
```
#877dbb rgb(135,125,187)
```

Similar Colors

Text with hexadecimal color #7d83bb

This text has a font color of #7d83bb.

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

#7d83bb background color

This paragraph has a background color of #7d83bb.

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

#7d83bb border color

This element has a border color of #7d83bb.

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

CSS codes

.text {color:#7d83bb;}

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

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

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

#06070c
```
#06070c rgb(6,7,12)
```
#0d0e19
```
#0d0e19 rgb(13,14,25)
```
#141525
```
#141525 rgb(20,21,37)
```
#1a1d32
```
#1a1d32 rgb(26,29,50)
```
#21243f
```
#21243f rgb(33,36,63)
```
#282b4c
```
#282b4c rgb(40,43,76)
```
#2f3359
```
#2f3359 rgb(47,51,89)
```
#353a66
```
#353a66 rgb(53,58,102)
```
#3c4173
```
#3c4173 rgb(60,65,115)
```
#434980
```
#434980 rgb(67,73,128)
```
#49508c
```
#49508c rgb(73,80,140)
```
#505799
```
#505799 rgb(80,87,153)
```
#575fa6
```
#575fa6 rgb(87,95,166)
```

Shade Color Variation

#636aae
```
#636aae rgb(99,106,174)
```
#7077b4
```
#7077b4 rgb(112,119,180)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#8a8fc2
```
#8a8fc2 rgb(138,143,194)
```
#979cc8
```
#979cc8 rgb(151,156,200)
```
#a4a8cf
```
#a4a8cf rgb(164,168,207)
```
#b1b4d6
```
#b1b4d6 rgb(177,180,214)
```
#bdc0dd
```
#bdc0dd rgb(189,192,221)
```
#cacde3
```
#cacde3 rgb(202,205,227)
```
#d7d9ea
```
#d7d9ea rgb(215,217,234)
```
#e4e5f1
```
#e4e5f1 rgb(228,229,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9c9d is the less saturated color, while #4052f8 is the most saturated one.

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#9495a4
```
#9495a4 rgb(148,149,164)
```
#8c8fac
```
#8c8fac rgb(140,143,172)
```
#8589b3
```
#8589b3 rgb(133,137,179)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#757dc3
```
#757dc3 rgb(117,125,195)
```
#6e77ca
```
#6e77ca rgb(110,119,202)
```
#6671d2
```
#6671d2 rgb(102,113,210)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#5764e1
```
#5764e1 rgb(87,100,225)
```
#4f5ee9
```
#4f5ee9 rgb(79,94,233)
```
#4858f0
```
#4858f0 rgb(72,88,240)
```
#4052f8
```
#4052f8 rgb(64,82,248)
```

Tone Color Variation

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

Dichromacy

#7b8bbf Protanopia 1% of men
#7c8bbd Deuteranopia 1% of men
#7a909b Tritanopia 0.001% of the population

Trichromacy

#7c88be Protanomaly 1% of men, 0.01% of women
#7c88bc Deuteranomaly 6% of men, 0.4% of women
#7b8ba6 Tritanomaly 0.01% of the population

#7d83bb hex color

#7d83bb Color Information

#7d83bb Color Conversion

Color Schemes with #7d83bb

Alternatives to #7d83bb

#7d83bb Preview

Shades and Tints of #7d83bb

Tones of #7d83bb

Color Blindness Simulator