#7277b2 hex color

In a RGB color space, hex #7277b2 is composed of 44.7% red, 46.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 33.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 235.3 degrees, a saturation of 29.4% and a lightness of 57.3%. #7277b2 color hex could be obtained by blending #e4eeff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 45
- G 47
- B 70
RGB color chart
- C 36
- M 33
- Y 0
- K 30
CMYK color chart

● #7277b2 color description : Mostly desaturated dark blue.

The hexadecimal color #7277b2 has RGB values of R:114, G:119, B:178 and CMYK values of C:0.36, M:0.33, Y:0, K:0.3. Its decimal value is 7501746.

Hex triplet	7277b2	`#7277b2`
RGB Decimal	114, 119, 178	`rgb(114,119,178)`
RGB Percent	44.7, 46.7, 69.8	`rgb(44.7%,46.7%,69.8%)`
CMYK	36, 33, 0, 30
HSL	235.3°, 29.4, 57.3	`hsl(235.3,29.4%,57.3%)`
HSV (or HSB)	235.3°, 36, 69.8
Web Safe	666699	`#666699`

CIE-LAB	51.82, 12.656, -31.865
XYZ	21.571, 19.985, 44.838
xyY	0.25, 0.231, 19.985
CIE-LCH	51.82, 34.286, 291.662
CIE-LUV	51.82, -5.77, -49.699
Hunter-Lab	44.705, 7.896, -28.174
Binary	01110010, 01110111, 10110010

#7277b2
```
#7277b2 rgb(114,119,178)
```
#b2ad72
```
#b2ad72 rgb(178,173,114)
```

Complementary Color

#7297b2
```
#7297b2 rgb(114,151,178)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#8d72b2
```
#8d72b2 rgb(141,114,178)
```

Analogous Color

#97b272
```
#97b272 rgb(151,178,114)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#b28d72
```
#b28d72 rgb(178,141,114)
```

Split Complementary Color

#77b272
```
#77b272 rgb(119,178,114)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#b27277
```
#b27277 rgb(178,114,119)
```

Triadic Color

#72b2ad
```
#72b2ad rgb(114,178,173)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#b27277
```
#b27277 rgb(178,114,119)
```
#b2ad72
```
#b2ad72 rgb(178,173,114)
```

Tetradic Color

#4c518b
```
#4c518b rgb(76,81,139)
```
#555b9c
```
#555b9c rgb(85,91,156)
```
#6267a9
```
#6267a9 rgb(98,103,169)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#8287bb
```
#8287bb rgb(130,135,187)
```
#9397c4
```
#9397c4 rgb(147,151,196)
```
#a3a7cd
```
#a3a7cd rgb(163,167,205)
```

Monochromatic Color

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

#7287b2
```
#7287b2 rgb(114,135,178)
```
#7282b2
```
#7282b2 rgb(114,130,178)
```
#727cb2
```
#727cb2 rgb(114,124,178)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#7272b2
```
#7272b2 rgb(114,114,178)
```
#7872b2
```
#7872b2 rgb(120,114,178)
```
#7d72b2
```
#7d72b2 rgb(125,114,178)
```

Similar Colors

Text with hexadecimal color #7277b2

This text has a font color of #7277b2.

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

#7277b2 background color

This paragraph has a background color of #7277b2.

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

#7277b2 border color

This element has a border color of #7277b2.

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

CSS codes

.text {color:#7277b2;}

.background {background-color:#7277b2;}

.border {border:1px solid #7277b2;}

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

#06070b
```
#06070b rgb(6,7,11)
```
#0d0e18
```
#0d0e18 rgb(13,14,24)
```
#141525
```
#141525 rgb(20,21,37)
```
#1b1d31
```
#1b1d31 rgb(27,29,49)
```
#22243e
```
#22243e rgb(34,36,62)
```
#292b4b
```
#292b4b rgb(41,43,75)
```
#303357
```
#303357 rgb(48,51,87)
```
#373a64
```
#373a64 rgb(55,58,100)
```
#3e4271
```
#3e4271 rgb(62,66,113)
```
#44497d
```
#44497d rgb(68,73,125)
```
#4b508a
```
#4b508a rgb(75,80,138)
```
#525897
```
#525897 rgb(82,88,151)
```
#595fa3
```
#595fa3 rgb(89,95,163)
```

Shade Color Variation

#656bab
```
#656bab rgb(101,107,171)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#7f83b9
```
#7f83b9 rgb(127,131,185)
```
#8b8fc0
```
#8b8fc0 rgb(139,143,192)
```
#989cc7
```
#989cc7 rgb(152,156,199)
```
#a5a8ce
```
#a5a8ce rgb(165,168,206)
```
#b1b4d5
```
#b1b4d5 rgb(177,180,213)
```
#bec0dc
```
#bec0dc rgb(190,192,220)
```
#cbcde2
```
#cbcde2 rgb(203,205,226)
```
#d7d9e9
```
#d7d9e9 rgb(215,217,233)
```
#e4e5f0
```
#e4e5f0 rgb(228,229,240)
```
#f1f1f7
```
#f1f1f7 rgb(241,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c99 is the less saturated color, while #2737fd is the most saturated one.

#8b8c99
```
#8b8c99 rgb(139,140,153)
```
#8385a1
```
#8385a1 rgb(131,133,161)
```
#7a7eaa
```
#7a7eaa rgb(122,126,170)
```
#7277b2
```
#7277b2 rgb(114,119,178)
```
#6a70ba
```
#6a70ba rgb(106,112,186)
```
#6169c3
```
#6169c3 rgb(97,105,195)
```
#5962cb
```
#5962cb rgb(89,98,203)
```
#505bd4
```
#505bd4 rgb(80,91,212)
```
#4854dc
```
#4854dc rgb(72,84,220)
```
#404de4
```
#404de4 rgb(64,77,228)
```
#3745ed
```
#3745ed rgb(55,69,237)
```
#2f3ef5
```
#2f3ef5 rgb(47,62,245)
```
#2737fd
```
#2737fd rgb(39,55,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#7a7b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e80b7 Protanopia 1% of men
#6d81b4 Deuteranopia 1% of men
#6e868f Tritanopia 0.001% of the population

Trichromacy

#707db5 Protanomaly 1% of men, 0.01% of women
#6f7db3 Deuteranomaly 6% of men, 0.4% of women
#6f809c Tritanomaly 0.01% of the population

#7277b2 hex color

#7277b2 Color Information

#7277b2 Color Conversion

Color Schemes with #7277b2

Alternatives to #7277b2

#7277b2 Preview

Shades and Tints of #7277b2

Tones of #7277b2

Color Blindness Simulator