#756bff hex color

In a RGB color space, hex #756bff is composed of 45.9% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 244.1 degrees, a saturation of 100% and a lightness of 71%. #756bff color hex could be obtained by blending #ead6ff 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

● #756bff color description : Very light blue.

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

Hex triplet	756bff	`#756bff`
RGB Decimal	117, 107, 255	`rgb(117,107,255)`
RGB Percent	45.9, 42, 100	`rgb(45.9%,42%,100%)`
CMYK	54, 58, 0, 0
HSL	244.1°, 100, 71	`hsl(244.1,100%,71%)`
HSV (or HSB)	244.1°, 58, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.51, 43.226, -72.691
XYZ	30.64, 21.516, 97.141
xyY	0.205, 0.144, 21.516
CIE-LCH	53.51, 84.572, 300.738
CIE-LUV	53.51, -5.402, -116.879
Hunter-Lab	46.386, 36.735, -91.695
Binary	01110101, 01101011, 11111111

#756bff
```
#756bff rgb(117,107,255)
```
#f5ff6b
```
#f5ff6b rgb(245,255,107)
```

Complementary Color

#6babff
```
#6babff rgb(107,171,255)
```
#756bff
```
#756bff rgb(117,107,255)
```
#bf6bff
```
#bf6bff rgb(191,107,255)
```

Analogous Color

#abff6b
```
#abff6b rgb(171,255,107)
```
#756bff
```
#756bff rgb(117,107,255)
```
#ffbf6b
```
#ffbf6b rgb(255,191,107)
```

Split Complementary Color

#6bff75
```
#6bff75 rgb(107,255,117)
```
#756bff
```
#756bff rgb(117,107,255)
```
#ff756b
```
#ff756b rgb(255,117,107)
```

Triadic Color

#6bf5ff
```
#6bf5ff rgb(107,245,255)
```
#756bff
```
#756bff rgb(117,107,255)
```
#ff756b
```
#ff756b rgb(255,117,107)
```
#f5ff6b
```
#f5ff6b rgb(245,255,107)
```

Tetradic Color

#2e1fff
```
#2e1fff rgb(46,31,255)
```
#4538ff
```
#4538ff rgb(69,56,255)
```
#5d52ff
```
#5d52ff rgb(93,82,255)
```
#756bff
```
#756bff rgb(117,107,255)
```
#8d85ff
```
#8d85ff rgb(141,133,255)
```
#a59eff
```
#a59eff rgb(165,158,255)
```
#bcb8ff
```
#bcb8ff rgb(188,184,255)
```

Monochromatic Color

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

#6b86ff
```
#6b86ff rgb(107,134,255)
```
#6b7aff
```
#6b7aff rgb(107,122,255)
```
#6b6dff
```
#6b6dff rgb(107,109,255)
```
#756bff
```
#756bff rgb(117,107,255)
```
#816bff
```
#816bff rgb(129,107,255)
```
#8e6bff
```
#8e6bff rgb(142,107,255)
```
#9a6bff
```
#9a6bff rgb(154,107,255)
```

Similar Colors

Text with hexadecimal color #756bff

This text has a font color of #756bff.

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

#756bff background color

This paragraph has a background color of #756bff.

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

#756bff border color

This element has a border color of #756bff.

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

CSS codes

.text {color:#756bff;}

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

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

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

#010009
```
#010009 rgb(1,0,9)
```
#02001d
```
#02001d rgb(2,0,29)
```
#030030
```
#030030 rgb(3,0,48)
```
#050044
```
#050044 rgb(5,0,68)
```
#060057
```
#060057 rgb(6,0,87)
```
#07006b
```
#07006b rgb(7,0,107)
```
#09007f
```
#09007f rgb(9,0,127)
```
#0a0092
```
#0a0092 rgb(10,0,146)
```
#0b00a6
```
#0b00a6 rgb(11,0,166)
```
#0d00b9
```
#0d00b9 rgb(13,0,185)
```
#0e00cd
```
#0e00cd rgb(14,0,205)
```
#0f00e1
```
#0f00e1 rgb(15,0,225)
```
#1100f4
```
#1100f4 rgb(17,0,244)
```

Shade Color Variation

#1a09ff
```
#1a09ff rgb(26,9,255)
```
#2c1dff
```
#2c1dff rgb(44,29,255)
```
#3e30ff
```
#3e30ff rgb(62,48,255)
```
#5044ff
```
#5044ff rgb(80,68,255)
```
#6357ff
```
#6357ff rgb(99,87,255)
```
#756bff
```
#756bff rgb(117,107,255)
```
#877fff
```
#877fff rgb(135,127,255)
```
#9a92ff
```
#9a92ff rgb(154,146,255)
```
#aca6ff
```
#aca6ff rgb(172,166,255)
```
#beb9ff
```
#beb9ff rgb(190,185,255)
```
#d0cdff
```
#d0cdff rgb(208,205,255)
```
#e3e1ff
```
#e3e1ff rgb(227,225,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#b0afbb
```
#b0afbb rgb(176,175,187)
```
#abaac0
```
#abaac0 rgb(171,170,192)
```
#a6a4c6
```
#a6a4c6 rgb(166,164,198)
```
#a19ecc
```
#a19ecc rgb(161,158,204)
```
#9c99d1
```
#9c99d1 rgb(156,153,209)
```
#9793d7
```
#9793d7 rgb(151,147,215)
```
#938ddd
```
#938ddd rgb(147,141,221)
```
#8e87e3
```
#8e87e3 rgb(142,135,227)
```
#8982e8
```
#8982e8 rgb(137,130,232)
```
#847cee
```
#847cee rgb(132,124,238)
```
#7f76f4
```
#7f76f4 rgb(127,118,244)
```
#7a71f9
```
#7a71f9 rgb(122,113,249)
```
#756bff
```
#756bff rgb(117,107,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7d7b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e82ff Protanopia 1% of men
#0089e0 Deuteranopia 1% of men
#4c909a Tritanopia 0.001% of the population

Trichromacy

#3379ff Protanomaly 1% of men, 0.01% of women
#2a7eeb Deuteranomaly 6% of men, 0.4% of women
#5b82bf Tritanomaly 0.01% of the population

#756bff hex color

#756bff Color Information

#756bff Color Conversion

Color Schemes with #756bff

Alternatives to #756bff

#756bff Preview

Shades and Tints of #756bff

Tones of #756bff

Color Blindness Simulator