#756ed4 hex color

In a RGB color space, hex #756ed4 is composed of 45.9% red, 43.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 48.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 244.1 degrees, a saturation of 54.3% and a lightness of 63.1%. #756ed4 color hex could be obtained by blending #eadcff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 43
- B 83
RGB color chart
- C 45
- M 48
- Y 0
- K 17
CMYK color chart

● #756ed4 color description : Slightly desaturated blue.

The hexadecimal color #756ed4 has RGB values of R:117, G:110, B:212 and CMYK values of C:0.45, M:0.48, Y:0, K:0.17. Its decimal value is 7696084.

Hex triplet	756ed4	`#756ed4`
RGB Decimal	117, 110, 212	`rgb(117,110,212)`
RGB Percent	45.9, 43.1, 83.1	`rgb(45.9%,43.1%,83.1%)`
CMYK	45, 48, 0, 17
HSL	244.1°, 54.3, 63.1	`hsl(244.1,54.3%,63.1%)`
HSV (or HSB)	244.1°, 48.1, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.481, 28.608, -51.863
XYZ	24.793, 19.687, 64.777
xyY	0.227, 0.18, 19.687
CIE-LCH	51.481, 59.23, 298.881
CIE-LUV	51.481, -3.382, -82.929
Hunter-Lab	44.37, 22.098, -55.502
Binary	01110101, 01101110, 11010100

#756ed4
```
#756ed4 rgb(117,110,212)
```
#cdd46e
```
#cdd46e rgb(205,212,110)
```

Complementary Color

#6e9ad4
```
#6e9ad4 rgb(110,154,212)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#a86ed4
```
#a86ed4 rgb(168,110,212)
```

Analogous Color

#9ad46e
```
#9ad46e rgb(154,212,110)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#d4a86e
```
#d4a86e rgb(212,168,110)
```

Split Complementary Color

#6ed475
```
#6ed475 rgb(110,212,117)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#d4756e
```
#d4756e rgb(212,117,110)
```

Triadic Color

#6ecdd4
```
#6ecdd4 rgb(110,205,212)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#d4756e
```
#d4756e rgb(212,117,110)
```
#cdd46e
```
#cdd46e rgb(205,212,110)
```

Tetradic Color

#4138bd
```
#4138bd rgb(65,56,189)
```
#5047c8
```
#5047c8 rgb(80,71,200)
```
#625ace
```
#625ace rgb(98,90,206)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#8882da
```
#8882da rgb(136,130,218)
```
#9a95e0
```
#9a95e0 rgb(154,149,224)
```
#ada9e5
```
#ada9e5 rgb(173,169,229)
```

Monochromatic Color

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

#6e81d4
```
#6e81d4 rgb(110,129,212)
```
#6e78d4
```
#6e78d4 rgb(110,120,212)
```
#6e70d4
```
#6e70d4 rgb(110,112,212)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#7e6ed4
```
#7e6ed4 rgb(126,110,212)
```
#866ed4
```
#866ed4 rgb(134,110,212)
```
#8f6ed4
```
#8f6ed4 rgb(143,110,212)
```

Similar Colors

Text with hexadecimal color #756ed4

This text has a font color of #756ed4.

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

#756ed4 background color

This paragraph has a background color of #756ed4.

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

#756ed4 border color

This element has a border color of #756ed4.

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

CSS codes

.text {color:#756ed4;}

.background {background-color:#756ed4;}

.border {border:1px solid #756ed4;}

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

#020206
```
#020206 rgb(2,2,6)
```
#070615
```
#070615 rgb(7,6,21)
```
#0d0b25
```
#0d0b25 rgb(13,11,37)
```
#120f34
```
#120f34 rgb(18,15,52)
```
#171443
```
#171443 rgb(23,20,67)
```
#1c1852
```
#1c1852 rgb(28,24,82)
```
#211d61
```
#211d61 rgb(33,29,97)
```
#272170
```
#272170 rgb(39,33,112)
```
#2c267f
```
#2c267f rgb(44,38,127)
```
#312a8e
```
#312a8e rgb(49,42,142)
```
#362f9e
```
#362f9e rgb(54,47,158)
```
#3c33ad
```
#3c33ad rgb(60,51,173)
```
#4138bc
```
#4138bc rgb(65,56,188)
```

Shade Color Variation

#4a41c7
```
#4a41c7 rgb(74,65,199)
```
#5850cb
```
#5850cb rgb(88,80,203)
```
#675fd0
```
#675fd0 rgb(103,95,208)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#837dd8
```
#837dd8 rgb(131,125,216)
```
#928cdd
```
#928cdd rgb(146,140,221)
```
#a09be1
```
#a09be1 rgb(160,155,225)
```
#afabe6
```
#afabe6 rgb(175,171,230)
```
#bdbaea
```
#bdbaea rgb(189,186,234)
```
#cbc9ef
```
#cbc9ef rgb(203,201,239)
```
#dad8f3
```
#dad8f3 rgb(218,216,243)
```
#e8e7f8
```
#e8e7f8 rgb(232,231,248)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#9a99a9
```
#9a99a9 rgb(154,153,169)
```
#9492b0
```
#9492b0 rgb(148,146,176)
```
#8e8bb7
```
#8e8bb7 rgb(142,139,183)
```
#8884be
```
#8884be rgb(136,132,190)
```
#817cc6
```
#817cc6 rgb(129,124,198)
```
#7b75cd
```
#7b75cd rgb(123,117,205)
```
#756ed4
```
#756ed4 rgb(117,110,212)
```
#6f67db
```
#6f67db rgb(111,103,219)
```
#6960e2
```
#6960e2 rgb(105,96,226)
```
#6258ea
```
#6258ea rgb(98,88,234)
```
#5c51f1
```
#5c51f1 rgb(92,81,241)
```
#564af8
```
#564af8 rgb(86,74,248)
```

Tone Color Variation

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

Dichromacy

#4e7edd Protanopia 1% of men
#4182d1 Deuteranopia 1% of men
#648790 Tritanopia 0.001% of the population

Trichromacy

#5c78da Protanomaly 1% of men, 0.01% of women
#547bd2 Deuteranomaly 6% of men, 0.4% of women
#6a7da9 Tritanomaly 0.01% of the population

#756ed4 hex color

#756ed4 Color Information

#756ed4 Color Conversion

Color Schemes with #756ed4

Alternatives to #756ed4

#756ed4 Preview

Shades and Tints of #756ed4

Tones of #756ed4

Color Blindness Simulator