#756aff hex color

In a RGB color space, hex #756aff is composed of 45.9% red, 41.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 58.4% magenta, 0% yellow and 0% black. It has a hue angle of 244.4 degrees, a saturation of 100% and a lightness of 70.8%. #756aff color hex could be obtained by blending #ead4ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 42
- B 100
RGB color chart
- C 54
- M 58
- Y 0
- K 0
CMYK color chart

● #756aff color description : Very light blue.

The hexadecimal color #756aff has RGB values of R:117, G:106, B:255 and CMYK values of C:0.54, M:0.58, Y:0, K:0. Its decimal value is 7695103.

Hex triplet	756aff	`#756aff`
RGB Decimal	117, 106, 255	`rgb(117,106,255)`
RGB Percent	45.9, 41.6, 100	`rgb(45.9%,41.6%,100%)`
CMYK	54, 58, 0, 0
HSL	244.4°, 100, 70.8	`hsl(244.4,100%,70.8%)`
HSV (or HSB)	244.4°, 58.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.286, 43.804, -73.054
XYZ	30.537, 21.309, 97.106
xyY	0.205, 0.143, 21.309
CIE-LCH	53.286, 85.18, 300.947
CIE-LUV	53.286, -5.146, -117.329
Hunter-Lab	46.162, 37.298, -92.41
Binary	01110101, 01101010, 11111111

#756aff
```
#756aff rgb(117,106,255)
```
#f4ff6a
```
#f4ff6a rgb(244,255,106)
```

Complementary Color

#6aaaff
```
#6aaaff rgb(106,170,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#c06aff
```
#c06aff rgb(192,106,255)
```

Analogous Color

#aaff6a
```
#aaff6a rgb(170,255,106)
```
#756aff
```
#756aff rgb(117,106,255)
```
#ffc06a
```
#ffc06a rgb(255,192,106)
```

Split Complementary Color

#6aff75
```
#6aff75 rgb(106,255,117)
```
#756aff
```
#756aff rgb(117,106,255)
```
#ff756a
```
#ff756a rgb(255,117,106)
```

Triadic Color

#6af4ff
```
#6af4ff rgb(106,244,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#ff756a
```
#ff756a rgb(255,117,106)
```
#f4ff6a
```
#f4ff6a rgb(244,255,106)
```

Tetradic Color

#2e1eff
```
#2e1eff rgb(46,30,255)
```
#4637ff
```
#4637ff rgb(70,55,255)
```
#5d51ff
```
#5d51ff rgb(93,81,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#8d84ff
```
#8d84ff rgb(141,132,255)
```
#a49dff
```
#a49dff rgb(164,157,255)
```
#bcb7ff
```
#bcb7ff rgb(188,183,255)
```

Monochromatic Color

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

#6a84ff
```
#6a84ff rgb(106,132,255)
```
#6a78ff
```
#6a78ff rgb(106,120,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#816aff
```
#816aff rgb(129,106,255)
```
#8e6aff
```
#8e6aff rgb(142,106,255)
```
#9a6aff
```
#9a6aff rgb(154,106,255)
```

Similar Colors

Text with hexadecimal color #756aff

This text has a font color of #756aff.

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

#756aff background color

This paragraph has a background color of #756aff.

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

#756aff border color

This element has a border color of #756aff.

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

CSS codes

.text {color:#756aff;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#02001c
```
#02001c rgb(2,0,28)
```
#03002f
```
#03002f rgb(3,0,47)
```
#050043
```
#050043 rgb(5,0,67)
```
#060056
```
#060056 rgb(6,0,86)
```
#08006a
```
#08006a rgb(8,0,106)
```
#09007e
```
#09007e rgb(9,0,126)
```
#0b0091
```
#0b0091 rgb(11,0,145)
```
#0c00a5
```
#0c00a5 rgb(12,0,165)
```
#0e00b8
```
#0e00b8 rgb(14,0,184)
```
#0f00cc
```
#0f00cc rgb(15,0,204)
```
#1100e0
```
#1100e0 rgb(17,0,224)
```
#1200f3
```
#1200f3 rgb(18,0,243)
```

Shade Color Variation

#1a08ff
```
#1a08ff rgb(26,8,255)
```
#2c1cff
```
#2c1cff rgb(44,28,255)
```
#3e2fff
```
#3e2fff rgb(62,47,255)
```
#5143ff
```
#5143ff rgb(81,67,255)
```
#6356ff
```
#6356ff rgb(99,86,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#877eff
```
#877eff rgb(135,126,255)
```
#9991ff
```
#9991ff rgb(153,145,255)
```
#aca5ff
```
#aca5ff rgb(172,165,255)
```
#beb8ff
```
#beb8ff rgb(190,184,255)
```
#d0ccff
```
#d0ccff rgb(208,204,255)
```
#e2e0ff
```
#e2e0ff rgb(226,224,255)
```
#f4f3ff
```
#f4f3ff rgb(244,243,255)
```

Tint Color Variation

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

#b0afba
```
#b0afba rgb(176,175,186)
```
#aba9c0
```
#aba9c0 rgb(171,169,192)
```
#a6a3c6
```
#a6a3c6 rgb(166,163,198)
```
#a19ecb
```
#a19ecb rgb(161,158,203)
```
#9c98d1
```
#9c98d1 rgb(156,152,209)
```
#9792d7
```
#9792d7 rgb(151,146,215)
```
#928cdd
```
#928cdd rgb(146,140,221)
```
#8d87e2
```
#8d87e2 rgb(141,135,226)
```
#8981e8
```
#8981e8 rgb(137,129,232)
```
#847bee
```
#847bee rgb(132,123,238)
```
#7f75f4
```
#7f75f4 rgb(127,117,244)
```
#7a70f9
```
#7a70f9 rgb(122,112,249)
```
#756aff
```
#756aff rgb(117,106,255)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#7c7a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#0088df Deuteranopia 1% of men
#4b8f99 Tritanopia 0.001% of the population

Trichromacy

#2a79fe Protanomaly 1% of men, 0.01% of women
#2a7deb Deuteranomaly 6% of men, 0.4% of women
#5a81be Tritanomaly 0.01% of the population

#756aff hex color

#756aff Color Information

#756aff Color Conversion

Color Schemes with #756aff

Alternatives to #756aff

#756aff Preview

Shades and Tints of #756aff

Tones of #756aff

Color Blindness Simulator