#6976fd hex color

In a RGB color space, hex #6976fd is composed of 41.2% red, 46.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 53.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.7 degrees, a saturation of 97.4% and a lightness of 70.2%. #6976fd color hex could be obtained by blending #d2ecff with #0000fb. Closest websafe color is: #6666ff.

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

● #6976fd color description : Soft blue.

The hexadecimal color #6976fd has RGB values of R:105, G:118, B:253 and CMYK values of C:0.58, M:0.53, Y:0, K:0.01. Its decimal value is 6911741.

Hex triplet	6976fd	`#6976fd`
RGB Decimal	105, 118, 253	`rgb(105,118,253)`
RGB Percent	41.2, 46.3, 99.2	`rgb(41.2%,46.3%,99.2%)`
CMYK	58, 53, 0, 1
HSL	234.7°, 97.4, 70.2	`hsl(234.7,97.4%,70.2%)`
HSV (or HSB)	234.7°, 58.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.124, 33.976, -69.01
XYZ	30.03, 23.051, 95.79
xyY	0.202, 0.155, 23.051
CIE-LCH	55.124, 76.921, 296.212
CIE-LUV	55.124, -11.972, -111.439
Hunter-Lab	48.011, 27.63, -84.686
Binary	01101001, 01110110, 11111101

#6976fd
```
#6976fd rgb(105,118,253)
```
#fdf069
```
#fdf069 rgb(253,240,105)
```

Complementary Color

#69c0fd
```
#69c0fd rgb(105,192,253)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#a669fd
```
#a669fd rgb(166,105,253)
```

Analogous Color

#c0fd69
```
#c0fd69 rgb(192,253,105)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#fda669
```
#fda669 rgb(253,166,105)
```

Split Complementary Color

#76fd69
```
#76fd69 rgb(118,253,105)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#fd6976
```
#fd6976 rgb(253,105,118)
```

Triadic Color

#69fdf0
```
#69fdf0 rgb(105,253,240)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#fd6976
```
#fd6976 rgb(253,105,118)
```
#fdf069
```
#fdf069 rgb(253,240,105)
```

Tetradic Color

#1e31fc
```
#1e31fc rgb(30,49,252)
```
#3748fc
```
#3748fc rgb(55,72,252)
```
#505ffd
```
#505ffd rgb(80,95,253)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#828dfd
```
#828dfd rgb(130,141,253)
```
#9ba4fe
```
#9ba4fe rgb(155,164,254)
```
#b4bbfe
```
#b4bbfe rgb(180,187,254)
```

Monochromatic Color

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

#699bfd
```
#699bfd rgb(105,155,253)
```
#698ffd
```
#698ffd rgb(105,143,253)
```
#6982fd
```
#6982fd rgb(105,130,253)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#696afd
```
#696afd rgb(105,106,253)
```
#7569fd
```
#7569fd rgb(117,105,253)
```
#8169fd
```
#8169fd rgb(129,105,253)
```

Similar Colors

Text with hexadecimal color #6976fd

This text has a font color of #6976fd.

<span style="color:#6976fd;">Text here</span>

#6976fd background color

This paragraph has a background color of #6976fd.

<p style="background-color:#6976fd;">Content here</p>

#6976fd border color

This element has a border color of #6976fd.

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

CSS codes

.text {color:#6976fd;}

.background {background-color:#6976fd;}

.border {border:1px solid #6976fd;}

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

#000005
```
#000005 rgb(0,0,5)
```
#000218
```
#000218 rgb(0,2,24)
```
#01042c
```
#01042c rgb(1,4,44)
```
#01063f
```
#01063f rgb(1,6,63)
```
#010852
```
#010852 rgb(1,8,82)
```
#010a66
```
#010a66 rgb(1,10,102)
```
#020c79
```
#020c79 rgb(2,12,121)
```
#020e8c
```
#020e8c rgb(2,14,140)
```
#0210a0
```
#0210a0 rgb(2,16,160)
```
#0212b3
```
#0212b3 rgb(2,18,179)
```
#0314c6
```
#0314c6 rgb(3,20,198)
```
#0316da
```
#0316da rgb(3,22,218)
```
#0318ed
```
#0318ed rgb(3,24,237)
```

Shade Color Variation

#081efc
```
#081efc rgb(8,30,252)
```
#1c2ffc
```
#1c2ffc rgb(28,47,252)
```
#2f41fc
```
#2f41fc rgb(47,65,252)
```
#4253fc
```
#4253fc rgb(66,83,252)
```
#5664fd
```
#5664fd rgb(86,100,253)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#7c88fd
```
#7c88fd rgb(124,136,253)
```
#9099fe
```
#9099fe rgb(144,153,254)
```
#a3abfe
```
#a3abfe rgb(163,171,254)
```
#b6bdfe
```
#b6bdfe rgb(182,189,254)
```
#cacefe
```
#cacefe rgb(202,206,254)
```
#dde0ff
```
#dde0ff rgb(221,224,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#afb0b7
```
#afb0b7 rgb(175,176,183)
```
#a9abbd
```
#a9abbd rgb(169,171,189)
```
#a3a6c3
```
#a3a6c3 rgb(163,166,195)
```
#9ea1c8
```
#9ea1c8 rgb(158,161,200)
```
#989dce
```
#989dce rgb(152,157,206)
```
#9298d4
```
#9298d4 rgb(146,152,212)
```
#8c93da
```
#8c93da rgb(140,147,218)
```
#868ee0
```
#868ee0 rgb(134,142,224)
```
#8089e6
```
#8089e6 rgb(128,137,230)
```
#7b84eb
```
#7b84eb rgb(123,132,235)
```
#7580f1
```
#7580f1 rgb(117,128,241)
```
#6f7bf7
```
#6f7bf7 rgb(111,123,247)
```
#6976fd
```
#6976fd rgb(105,118,253)
```

Tone Color Variation

Below, you can see how #6976fd 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

#828282 Achromatopsia 0.005% of the population
#7d809b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3386ff Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#3896a1 Tritanopia 0.001% of the population

Trichromacy

#4780fe Protanomaly 1% of men, 0.01% of women
#2684ef Deuteranomaly 6% of men, 0.4% of women
#4a8ac2 Tritanomaly 0.01% of the population

#6976fd hex color

#6976fd Color Information

#6976fd Color Conversion

Color Schemes with #6976fd

Alternatives to #6976fd

#6976fd Preview

Shades and Tints of #6976fd

Tones of #6976fd

Color Blindness Simulator