#756cf3 hex color

In a RGB color space, hex #756cf3 is composed of 45.9% red, 42.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 55.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 244 degrees, a saturation of 84.9% and a lightness of 68.8%. #756cf3 color hex could be obtained by blending #ead8ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 42
- B 95
RGB color chart
- C 52
- M 56
- Y 0
- K 5
CMYK color chart

● #756cf3 color description : Soft blue.

The hexadecimal color #756cf3 has RGB values of R:117, G:108, B:243 and CMYK values of C:0.52, M:0.56, Y:0, K:0.05. Its decimal value is 7695603.

Hex triplet	756cf3	`#756cf3`
RGB Decimal	117, 108, 243	`rgb(117,108,243)`
RGB Percent	45.9, 42.4, 95.3	`rgb(45.9%,42.4%,95.3%)`
CMYK	52, 56, 0, 5
HSL	244°, 84.9, 68.8	`hsl(244,84.9%,68.8%)`
HSV (or HSB)	244°, 55.6, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.925, 39.027, -66.977
XYZ	28.873, 20.977, 87.317
xyY	0.21, 0.153, 20.977
CIE-LCH	52.925, 77.519, 300.229
CIE-LUV	52.925, -4.881, -107.694
Hunter-Lab	45.801, 32.376, -80.972
Binary	01110101, 01101100, 11110011

#756cf3
```
#756cf3 rgb(117,108,243)
```
#eaf36c
```
#eaf36c rgb(234,243,108)
```

Complementary Color

#6ca7f3
```
#6ca7f3 rgb(108,167,243)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#b96cf3
```
#b96cf3 rgb(185,108,243)
```

Analogous Color

#a7f36c
```
#a7f36c rgb(167,243,108)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#f3b96c
```
#f3b96c rgb(243,185,108)
```

Split Complementary Color

#6cf375
```
#6cf375 rgb(108,243,117)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#f3756c
```
#f3756c rgb(243,117,108)
```

Triadic Color

#6ceaf3
```
#6ceaf3 rgb(108,234,243)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#f3756c
```
#f3756c rgb(243,117,108)
```
#eaf36c
```
#eaf36c rgb(234,243,108)
```

Tetradic Color

#3325ed
```
#3325ed rgb(51,37,237)
```
#493def
```
#493def rgb(73,61,239)
```
#5f54f1
```
#5f54f1 rgb(95,84,241)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#8b84f5
```
#8b84f5 rgb(139,132,245)
```
#a19bf7
```
#a19bf7 rgb(161,155,247)
```
#b7b3f9
```
#b7b3f9 rgb(183,179,249)
```

Monochromatic Color

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

#6c85f3
```
#6c85f3 rgb(108,133,243)
```
#6c7af3
```
#6c7af3 rgb(108,122,243)
```
#6c6ef3
```
#6c6ef3 rgb(108,110,243)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#806cf3
```
#806cf3 rgb(128,108,243)
```
#8c6cf3
```
#8c6cf3 rgb(140,108,243)
```
#976cf3
```
#976cf3 rgb(151,108,243)
```

Similar Colors

Text with hexadecimal color #756cf3

This text has a font color of #756cf3.

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

#756cf3 background color

This paragraph has a background color of #756cf3.

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

#756cf3 border color

This element has a border color of #756cf3.

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

CSS codes

.text {color:#756cf3;}

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

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

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

#020110
```
#020110 rgb(2,1,16)
```
#050322
```
#050322 rgb(5,3,34)
```
#070434
```
#070434 rgb(7,4,52)
```
#0a0647
```
#0a0647 rgb(10,6,71)
```
#0d0759
```
#0d0759 rgb(13,7,89)
```
#0f096b
```
#0f096b rgb(15,9,107)
```
#120a7d
```
#120a7d rgb(18,10,125)
```
#140c8f
```
#140c8f rgb(20,12,143)
```
#170da1
```
#170da1 rgb(23,13,161)
```
#1a0fb3
```
#1a0fb3 rgb(26,15,179)
```
#1c10c6
```
#1c10c6 rgb(28,16,198)
```
#1f12d8
```
#1f12d8 rgb(31,18,216)
```
#2113ea
```
#2113ea rgb(33,19,234)
```

Shade Color Variation

#3123ed
```
#3123ed rgb(49,35,237)
```
#4236ef
```
#4236ef rgb(66,54,239)
```
#5348f0
```
#5348f0 rgb(83,72,240)
```
#645af2
```
#645af2 rgb(100,90,242)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#867ef4
```
#867ef4 rgb(134,126,244)
```
#9790f6
```
#9790f6 rgb(151,144,246)
```
#a8a2f7
```
#a8a2f7 rgb(168,162,247)
```
#b9b5f9
```
#b9b5f9 rgb(185,181,249)
```
#cac7fa
```
#cac7fa rgb(202,199,250)
```
#dbd9fc
```
#dbd9fc rgb(219,217,252)
```
#ecebfd
```
#ecebfd rgb(236,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#afafb0
```
#afafb0 rgb(175,175,176)
```
#aaa9b6
```
#aaa9b6 rgb(170,169,182)
```
#a5a3bc
```
#a5a3bc rgb(165,163,188)
```
#9f9dc2
```
#9f9dc2 rgb(159,157,194)
```
#9a97c8
```
#9a97c8 rgb(154,151,200)
```
#9591ce
```
#9591ce rgb(149,145,206)
```
#908bd4
```
#908bd4 rgb(144,139,212)
```
#8a84db
```
#8a84db rgb(138,132,219)
```
#857ee1
```
#857ee1 rgb(133,126,225)
```
#8078e7
```
#8078e7 rgb(128,120,231)
```
#7a72ed
```
#7a72ed rgb(122,114,237)
```
#756cf3
```
#756cf3 rgb(117,108,243)
```
#7066f9
```
#7066f9 rgb(112,102,249)
```

Tone Color Variation

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

Dichromacy

#0080fd Protanopia 1% of men
#0087df Deuteranopia 1% of men
#548d97 Tritanopia 0.001% of the population

Trichromacy

#2a79f9 Protanomaly 1% of men, 0.01% of women
#2a7de6 Deuteranomaly 6% of men, 0.4% of women
#6081b8 Tritanomaly 0.01% of the population

#756cf3 hex color

#756cf3 Color Information

#756cf3 Color Conversion

Color Schemes with #756cf3

Alternatives to #756cf3

#756cf3 Preview

Shades and Tints of #756cf3

Tones of #756cf3

Color Blindness Simulator