#6980fd hex color

In a RGB color space, hex #6980fd is composed of 41.2% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.7 degrees, a saturation of 97.4% and a lightness of 70.2%. #6980fd color hex could be obtained by blending #d2ffff with #0001fb. Closest websafe color is: #6699ff.

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

● #6980fd color description : Soft blue.

The hexadecimal color #6980fd has RGB values of R:105, G:128, B:253 and CMYK values of C:0.58, M:0.49, Y:0, K:0.01. Its decimal value is 6914301.

Hex triplet	6980fd	`#6980fd`
RGB Decimal	105, 128, 253	`rgb(105,128,253)`
RGB Percent	41.2, 50.2, 99.2	`rgb(41.2%,50.2%,99.2%)`
CMYK	58, 49, 0, 1
HSL	230.7°, 97.4, 70.2	`hsl(230.7,97.4%,70.2%)`
HSV (or HSB)	230.7°, 58.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.59, 27.975, -65.035
XYZ	31.271, 25.532, 96.203
xyY	0.204, 0.167, 25.532
CIE-LCH	57.59, 70.796, 293.275
CIE-LUV	57.59, -14.881, -105.865
Hunter-Lab	50.529, 22.042, -77.513
Binary	01101001, 10000000, 11111101

#6980fd
```
#6980fd rgb(105,128,253)
```
#fde669
```
#fde669 rgb(253,230,105)
```

Complementary Color

#69cafd
```
#69cafd rgb(105,202,253)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#9c69fd
```
#9c69fd rgb(156,105,253)
```

Analogous Color

#cafd69
```
#cafd69 rgb(202,253,105)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#fd9c69
```
#fd9c69 rgb(253,156,105)
```

Split Complementary Color

#80fd69
```
#80fd69 rgb(128,253,105)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#fd6980
```
#fd6980 rgb(253,105,128)
```

Triadic Color

#69fde6
```
#69fde6 rgb(105,253,230)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#fd6980
```
#fd6980 rgb(253,105,128)
```
#fde669
```
#fde669 rgb(253,230,105)
```

Tetradic Color

#1e40fc
```
#1e40fc rgb(30,64,252)
```
#3755fc
```
#3755fc rgb(55,85,252)
```
#506bfd
```
#506bfd rgb(80,107,253)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#8295fd
```
#8295fd rgb(130,149,253)
```
#9babfe
```
#9babfe rgb(155,171,254)
```
#b4c0fe
```
#b4c0fe rgb(180,192,254)
```

Monochromatic Color

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

#69a5fd
```
#69a5fd rgb(105,165,253)
```
#6999fd
```
#6999fd rgb(105,153,253)
```
#698cfd
```
#698cfd rgb(105,140,253)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#6974fd
```
#6974fd rgb(105,116,253)
```
#6b69fd
```
#6b69fd rgb(107,105,253)
```
#7769fd
```
#7769fd rgb(119,105,253)
```

Similar Colors

Text with hexadecimal color #6980fd

This text has a font color of #6980fd.

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

#6980fd background color

This paragraph has a background color of #6980fd.

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

#6980fd border color

This element has a border color of #6980fd.

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

CSS codes

.text {color:#6980fd;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000418
```
#000418 rgb(0,4,24)
```
#01072c
```
#01072c rgb(1,7,44)
```
#010a3f
```
#010a3f rgb(1,10,63)
```
#010e52
```
#010e52 rgb(1,14,82)
```
#011166
```
#011166 rgb(1,17,102)
```
#021479
```
#021479 rgb(2,20,121)
```
#02178c
```
#02178c rgb(2,23,140)
```
#021ba0
```
#021ba0 rgb(2,27,160)
```
#021eb3
```
#021eb3 rgb(2,30,179)
```
#0321c6
```
#0321c6 rgb(3,33,198)
```
#0324da
```
#0324da rgb(3,36,218)
```
#0328ed
```
#0328ed rgb(3,40,237)
```

Shade Color Variation

#082efc
```
#082efc rgb(8,46,252)
```
#1c3efc
```
#1c3efc rgb(28,62,252)
```
#2f4ffc
```
#2f4ffc rgb(47,79,252)
```
#425ffc
```
#425ffc rgb(66,95,252)
```
#5670fd
```
#5670fd rgb(86,112,253)
```
#6980fd
```
#6980fd rgb(105,128,253)
```
#7c90fd
```
#7c90fd rgb(124,144,253)
```
#90a1fe
```
#90a1fe rgb(144,161,254)
```
#a3b1fe
```
#a3b1fe rgb(163,177,254)
```
#b6c2fe
```
#b6c2fe rgb(182,194,254)
```
#cad2fe
```
#cad2fe rgb(202,210,254)
```
#dde2ff
```
#dde2ff rgb(221,226,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,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 #6980fd is the most saturated one.

#afb0b7
```
#afb0b7 rgb(175,176,183)
```
#a9acbd
```
#a9acbd rgb(169,172,189)
```
#a3a8c3
```
#a3a8c3 rgb(163,168,195)
```
#9ea4c8
```
#9ea4c8 rgb(158,164,200)
```
#98a0ce
```
#98a0ce rgb(152,160,206)
```
#929cd4
```
#929cd4 rgb(146,156,212)
```
#8c98da
```
#8c98da rgb(140,152,218)
```
#8694e0
```
#8694e0 rgb(134,148,224)
```
#8090e6
```
#8090e6 rgb(128,144,230)
```
#7b8ceb
```
#7b8ceb rgb(123,140,235)
```
#7588f1
```
#7588f1 rgb(117,136,241)
```
#6f84f7
```
#6f84f7 rgb(111,132,247)
```
#6980fd
```
#6980fd rgb(105,128,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#81869f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8cff Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#3d9ca8 Tritanopia 0.001% of the population

Trichromacy

#5688fe Protanomaly 1% of men, 0.01% of women
#268bf7 Deuteranomaly 6% of men, 0.4% of women
#4d92c6 Tritanomaly 0.01% of the population

#6980fd hex color

#6980fd Color Information

#6980fd Color Conversion

Color Schemes with #6980fd

Alternatives to #6980fd

#6980fd Preview

Shades and Tints of #6980fd

Tones of #6980fd

Color Blindness Simulator