#756bfd hex color

In a RGB color space, hex #756bfd is composed of 45.9% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 244.1 degrees, a saturation of 97.3% and a lightness of 70.6%. #756bfd color hex could be obtained by blending #ead6ff with #0000fb. Closest websafe color is: #6666ff.

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

● #756bfd color description : Soft blue.

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

Hex triplet	756bfd	`#756bfd`
RGB Decimal	117, 107, 253	`rgb(117,107,253)`
RGB Percent	45.9, 42, 99.2	`rgb(45.9%,42%,99.2%)`
CMYK	54, 58, 0, 1
HSL	244.1°, 97.3, 70.6	`hsl(244.1,97.3%,70.6%)`
HSV (or HSB)	244.1°, 57.7, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.372, 42.623, -71.808
XYZ	30.32, 21.388, 95.454
xyY	0.206, 0.145, 21.388
CIE-LCH	53.372, 83.505, 300.692
CIE-LUV	53.372, -5.271, -115.445
Hunter-Lab	46.247, 36.093, -90.001
Binary	01110101, 01101011, 11111101

#756bfd
```
#756bfd rgb(117,107,253)
```
#f3fd6b
```
#f3fd6b rgb(243,253,107)
```

Complementary Color

#6baafd
```
#6baafd rgb(107,170,253)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#be6bfd
```
#be6bfd rgb(190,107,253)
```

Analogous Color

#aafd6b
```
#aafd6b rgb(170,253,107)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#fdbe6b
```
#fdbe6b rgb(253,190,107)
```

Split Complementary Color

#6bfd75
```
#6bfd75 rgb(107,253,117)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#fd756b
```
#fd756b rgb(253,117,107)
```

Triadic Color

#6bf3fd
```
#6bf3fd rgb(107,243,253)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#fd756b
```
#fd756b rgb(253,117,107)
```
#f3fd6b
```
#f3fd6b rgb(243,253,107)
```

Tetradic Color

#2f20fc
```
#2f20fc rgb(47,32,252)
```
#4639fc
```
#4639fc rgb(70,57,252)
```
#5e52fd
```
#5e52fd rgb(94,82,253)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#8c84fd
```
#8c84fd rgb(140,132,253)
```
#a49dfe
```
#a49dfe rgb(164,157,254)
```
#bbb6fe
```
#bbb6fe rgb(187,182,254)
```

Monochromatic Color

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

#6b86fd
```
#6b86fd rgb(107,134,253)
```
#6b79fd
```
#6b79fd rgb(107,121,253)
```
#6b6dfd
```
#6b6dfd rgb(107,109,253)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#816bfd
```
#816bfd rgb(129,107,253)
```
#8d6bfd
```
#8d6bfd rgb(141,107,253)
```
#9a6bfd
```
#9a6bfd rgb(154,107,253)
```

Similar Colors

Text with hexadecimal color #756bfd

This text has a font color of #756bfd.

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

#756bfd background color

This paragraph has a background color of #756bfd.

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

#756bfd border color

This element has a border color of #756bfd.

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

CSS codes

.text {color:#756bfd;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#02001a
```
#02001a rgb(2,0,26)
```
#04012e
```
#04012e rgb(4,1,46)
```
#050141
```
#050141 rgb(5,1,65)
```
#070154
```
#070154 rgb(7,1,84)
```
#080168
```
#080168 rgb(8,1,104)
```
#0a027b
```
#0a027b rgb(10,2,123)
```
#0c028e
```
#0c028e rgb(12,2,142)
```
#0d02a2
```
#0d02a2 rgb(13,2,162)
```
#0f02b5
```
#0f02b5 rgb(15,2,181)
```
#1003c8
```
#1003c8 rgb(16,3,200)
```
#1203dc
```
#1203dc rgb(18,3,220)
```
#1303ef
```
#1303ef rgb(19,3,239)
```

Shade Color Variation

#1b0afc
```
#1b0afc rgb(27,10,252)
```
#2d1efc
```
#2d1efc rgb(45,30,252)
```
#3f31fc
```
#3f31fc rgb(63,49,252)
```
#5144fc
```
#5144fc rgb(81,68,252)
```
#6358fd
```
#6358fd rgb(99,88,253)
```
#756bfd
```
#756bfd rgb(117,107,253)
```
#877efd
```
#877efd rgb(135,126,253)
```
#9992fe
```
#9992fe rgb(153,146,254)
```
#aba5fe
```
#aba5fe rgb(171,165,254)
```
#bdb8fe
```
#bdb8fe rgb(189,184,254)
```
#cfccfe
```
#cfccfe rgb(207,204,254)
```
#e1dfff
```
#e1dfff rgb(225,223,255)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Tint Color Variation

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

#b1b0b8
```
#b1b0b8 rgb(177,176,184)
```
#acaabe
```
#acaabe rgb(172,170,190)
```
#a7a5c3
```
#a7a5c3 rgb(167,165,195)
```
#a29fc9
```
#a29fc9 rgb(162,159,201)
```
#9d99cf
```
#9d99cf rgb(157,153,207)
```
#9893d5
```
#9893d5 rgb(152,147,213)
```
#938eda
```
#938eda rgb(147,142,218)
```
#8e88e0
```
#8e88e0 rgb(142,136,224)
```
#8982e6
```
#8982e6 rgb(137,130,230)
```
#847cec
```
#847cec rgb(132,124,236)
```
#7f77f1
```
#7f77f1 rgb(127,119,241)
```
#7a71f7
```
#7a71f7 rgb(122,113,247)
```
#756bfd
```
#756bfd rgb(117,107,253)
```

Tone Color Variation

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

Dichromacy

#0081fe Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#4d8f9a Tritanopia 0.001% of the population

Trichromacy

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

#756bfd hex color

#756bfd Color Information

#756bfd Color Conversion

Color Schemes with #756bfd

Alternatives to #756bfd

#756bfd Preview

Shades and Tints of #756bfd

Tones of #756bfd

Color Blindness Simulator