#b677b0 hex color

In a RGB color space, hex #b677b0 is composed of 71.4% red, 46.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.6% magenta, 3.3% yellow and 28.6% black. It has a hue angle of 305.7 degrees, a saturation of 30.1% and a lightness of 59%. #b677b0 color hex could be obtained by blending #ffeeff with #6d0061. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 71
- G 47
- B 69
RGB color chart
- C 0
- M 35
- Y 3
- K 29
CMYK color chart

● #b677b0 color description : Slightly desaturated magenta.

The hexadecimal color #b677b0 has RGB values of R:182, G:119, B:176 and CMYK values of C:0, M:0.35, Y:0.03, K:0.29. Its decimal value is 11958192.

Hex triplet	b677b0	`#b677b0`
RGB Decimal	182, 119, 176	`rgb(182,119,176)`
RGB Percent	71.4, 46.7, 69	`rgb(71.4%,46.7%,69%)`
CMYK	0, 35, 3, 29
HSL	305.7°, 30.1, 59	`hsl(305.7,30.1%,59%)`
HSV (or HSB)	305.7°, 34.6, 71.4
Web Safe	cc6699	`#cc6699`

CIE-LAB	58.297, 33.728, -20.176
XYZ	33.724, 26.275, 44.367
xyY	0.323, 0.252, 26.275
CIE-LCH	58.297, 39.302, 329.113
CIE-LUV	58.297, 32.315, -35.45
Hunter-Lab	51.259, 27.735, -15.437
Binary	10110110, 01110111, 10110000

#b677b0
```
#b677b0 rgb(182,119,176)
```
#77b67d
```
#77b67d rgb(119,182,125)
```

Complementary Color

#9d77b6
```
#9d77b6 rgb(157,119,182)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#b67791
```
#b67791 rgb(182,119,145)
```

Analogous Color

#77b69d
```
#77b69d rgb(119,182,157)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#91b677
```
#91b677 rgb(145,182,119)
```

Split Complementary Color

#77b0b6
```
#77b0b6 rgb(119,176,182)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#b0b677
```
#b0b677 rgb(176,182,119)
```

Triadic Color

#7d77b6
```
#7d77b6 rgb(125,119,182)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#b0b677
```
#b0b677 rgb(176,182,119)
```
#77b67d
```
#77b67d rgb(119,182,125)
```

Tetradic Color

#924e8c
```
#924e8c rgb(146,78,140)
```
#a3579c
```
#a3579c rgb(163,87,156)
```
#ad66a6
```
#ad66a6 rgb(173,102,166)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#bf88ba
```
#bf88ba rgb(191,136,186)
```
#c898c3
```
#c898c3 rgb(200,152,195)
```
#d1a9cd
```
#d1a9cd rgb(209,169,205)
```

Monochromatic Color

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

#ac77b6
```
#ac77b6 rgb(172,119,182)
```
#b277b6
```
#b277b6 rgb(178,119,182)
```
#b677b5
```
#b677b5 rgb(182,119,181)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#b677ab
```
#b677ab rgb(182,119,171)
```
#b677a6
```
#b677a6 rgb(182,119,166)
```
#b677a0
```
#b677a0 rgb(182,119,160)
```

Similar Colors

Text with hexadecimal color #b677b0

This text has a font color of #b677b0.

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

#b677b0 background color

This paragraph has a background color of #b677b0.

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

#b677b0 border color

This element has a border color of #b677b0.

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

CSS codes

.text {color:#b677b0;}

.background {background-color:#b677b0;}

.border {border:1px solid #b677b0;}

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

#040204
```
#040204 rgb(4,2,4)
```
#110910
```
#110910 rgb(17,9,16)
```
#1e101d
```
#1e101d rgb(30,16,29)
```
#2b1729
```
#2b1729 rgb(43,23,41)
```
#371e35
```
#371e35 rgb(55,30,53)
```
#442541
```
#442541 rgb(68,37,65)
```
#512b4d
```
#512b4d rgb(81,43,77)
```
#5e325a
```
#5e325a rgb(94,50,90)
```
#6b3966
```
#6b3966 rgb(107,57,102)
```
#774072
```
#774072 rgb(119,64,114)
```
#84477e
```
#84477e rgb(132,71,126)
```
#914e8a
```
#914e8a rgb(145,78,138)
```
#9e5597
```
#9e5597 rgb(158,85,151)
```

Shade Color Variation

#a85da1
```
#a85da1 rgb(168,93,161)
```
#af6aa9
```
#af6aa9 rgb(175,106,169)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#bd84b7
```
#bd84b7 rgb(189,132,183)
```
#c491bf
```
#c491bf rgb(196,145,191)
```
#cb9dc6
```
#cb9dc6 rgb(203,157,198)
```
#d1aace
```
#d1aace rgb(209,170,206)
```
#d8b7d5
```
#d8b7d5 rgb(216,183,213)
```
#dfc4dc
```
#dfc4dc rgb(223,196,220)
```
#e6d0e4
```
#e6d0e4 rgb(230,208,228)
```
#edddeb
```
#edddeb rgb(237,221,235)
```
#f4eaf3
```
#f4eaf3 rgb(244,234,243)
```
#fbf7fa
```
#fbf7fa rgb(251,247,250)
```

Tint Color Variation

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

#9e8f9c
```
#9e8f9c rgb(158,143,156)
```
#a687a3
```
#a687a3 rgb(166,135,163)
```
#ae7fa9
```
#ae7fa9 rgb(174,127,169)
```
#b677b0
```
#b677b0 rgb(182,119,176)
```
#be6fb7
```
#be6fb7 rgb(190,111,183)
```
#c667bd
```
#c667bd rgb(198,103,189)
```
#ce5fc4
```
#ce5fc4 rgb(206,95,196)
```
#d657ca
```
#d657ca rgb(214,87,202)
```
#de4fd1
```
#de4fd1 rgb(222,79,209)
```
#e647d7
```
#e647d7 rgb(230,71,215)
```
#ee3fde
```
#ee3fde rgb(238,63,222)
```
#f637e4
```
#f637e4 rgb(246,55,228)
```
#fe2feb
```
#fe2feb rgb(254,47,235)
```

Tone Color Variation

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

Dichromacy

#8390bf Protanopia 1% of men
#908fae Deuteranopia 1% of men
#b4858f Tritanopia 0.001% of the population

Trichromacy

#9587ba Protanomaly 1% of men, 0.01% of women
#9e86af Deuteranomaly 6% of men, 0.4% of women
#b4809b Tritanomaly 0.01% of the population

#b677b0 hex color

#b677b0 Color Information

#b677b0 Color Conversion

Color Schemes with #b677b0

Alternatives to #b677b0

#b677b0 Preview

Shades and Tints of #b677b0

Tones of #b677b0

Color Blindness Simulator