#6980f8 hex color

In a RGB color space, hex #6980f8 is composed of 41.2% red, 50.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 48.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 230.3 degrees, a saturation of 91.1% and a lightness of 69.2%. #6980f8 color hex could be obtained by blending #d2ffff with #0001f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 50
- B 97
RGB color chart
- C 58
- M 48
- Y 0
- K 3
CMYK color chart

● #6980f8 color description : Soft blue.

The hexadecimal color #6980f8 has RGB values of R:105, G:128, B:248 and CMYK values of C:0.58, M:0.48, Y:0, K:0.03. Its decimal value is 6914296.

Hex triplet	6980f8	`#6980f8`
RGB Decimal	105, 128, 248	`rgb(105,128,248)`
RGB Percent	41.2, 50.2, 97.3	`rgb(41.2%,50.2%,97.3%)`
CMYK	58, 48, 0, 3
HSL	230.3°, 91.1, 69.2	`hsl(230.3,91.1%,69.2%)`
HSV (or HSB)	230.3°, 57.7, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.287, 26.365, -62.764
XYZ	30.485, 25.217, 92.063
xyY	0.206, 0.171, 25.217
CIE-LCH	57.287, 68.077, 292.786
CIE-LUV	57.287, -14.753, -102.013
Hunter-Lab	50.217, 20.48, -73.545
Binary	01101001, 10000000, 11111000

#6980f8
```
#6980f8 rgb(105,128,248)
```
#f8e169
```
#f8e169 rgb(248,225,105)
```

Complementary Color

#69c8f8
```
#69c8f8 rgb(105,200,248)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#9a69f8
```
#9a69f8 rgb(154,105,248)
```

Analogous Color

#c8f869
```
#c8f869 rgb(200,248,105)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#f89a69
```
#f89a69 rgb(248,154,105)
```

Split Complementary Color

#80f869
```
#80f869 rgb(128,248,105)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#f86980
```
#f86980 rgb(248,105,128)
```

Triadic Color

#69f8e1
```
#69f8e1 rgb(105,248,225)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#f86980
```
#f86980 rgb(248,105,128)
```
#f8e169
```
#f8e169 rgb(248,225,105)
```

Tetradic Color

#2042f5
```
#2042f5 rgb(32,66,245)
```
#3857f6
```
#3857f6 rgb(56,87,246)
```
#516bf7
```
#516bf7 rgb(81,107,247)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#8195f9
```
#8195f9 rgb(129,149,249)
```
#9aa9fa
```
#9aa9fa rgb(154,169,250)
```
#b2befb
```
#b2befb rgb(178,190,251)
```

Monochromatic Color

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

#69a4f8
```
#69a4f8 rgb(105,164,248)
```
#6998f8
```
#6998f8 rgb(105,152,248)
```
#698cf8
```
#698cf8 rgb(105,140,248)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#6974f8
```
#6974f8 rgb(105,116,248)
```
#6a69f8
```
#6a69f8 rgb(106,105,248)
```
#7669f8
```
#7669f8 rgb(118,105,248)
```

Similar Colors

Text with hexadecimal color #6980f8

This text has a font color of #6980f8.

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

#6980f8 background color

This paragraph has a background color of #6980f8.

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

#6980f8 border color

This element has a border color of #6980f8.

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

CSS codes

.text {color:#6980f8;}

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

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

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

#010413
```
#010413 rgb(1,4,19)
```
#020725
```
#020725 rgb(2,7,37)
```
#030b38
```
#030b38 rgb(3,11,56)
```
#030f4b
```
#030f4b rgb(3,15,75)
```
#04135e
```
#04135e rgb(4,19,94)
```
#051670
```
#051670 rgb(5,22,112)
```
#061a83
```
#061a83 rgb(6,26,131)
```
#071e96
```
#071e96 rgb(7,30,150)
```
#0822a9
```
#0822a9 rgb(8,34,169)
```
#0925bb
```
#0925bb rgb(9,37,187)
```
#0a29ce
```
#0a29ce rgb(10,41,206)
```
#0a2de1
```
#0a2de1 rgb(10,45,225)
```
#0b31f4
```
#0b31f4 rgb(11,49,244)
```

Shade Color Variation

#1e41f5
```
#1e41f5 rgb(30,65,245)
```
#3150f5
```
#3150f5 rgb(49,80,245)
```
#4460f6
```
#4460f6 rgb(68,96,246)
```
#5670f7
```
#5670f7 rgb(86,112,247)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#7c90f9
```
#7c90f9 rgb(124,144,249)
```
#8ea0fa
```
#8ea0fa rgb(142,160,250)
```
#a1b0fb
```
#a1b0fb rgb(161,176,251)
```
#b4bffb
```
#b4bffb rgb(180,191,251)
```
#c7cffc
```
#c7cffc rgb(199,207,252)
```
#d9dffd
```
#d9dffd rgb(217,223,253)
```
#eceffe
```
#eceffe rgb(236,239,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abadb6
```
#abadb6 rgb(171,173,182)
```
#a5a9bc
```
#a5a9bc rgb(165,169,188)
```
#9fa5c2
```
#9fa5c2 rgb(159,165,194)
```
#99a1c8
```
#99a1c8 rgb(153,161,200)
```
#939dce
```
#939dce rgb(147,157,206)
```
#8d99d4
```
#8d99d4 rgb(141,153,212)
```
#8794da
```
#8794da rgb(135,148,218)
```
#8190e0
```
#8190e0 rgb(129,144,224)
```
#7b8ce6
```
#7b8ce6 rgb(123,140,230)
```
#7588ec
```
#7588ec rgb(117,136,236)
```
#6f84f2
```
#6f84f2 rgb(111,132,242)
```
#6980f8
```
#6980f8 rgb(105,128,248)
```
#637cfe
```
#637cfe rgb(99,124,254)
```

Tone Color Variation

Below, you can see how #6980f8 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
#81869e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8bfd Protanopia 1% of men
#0c91f3 Deuteranopia 1% of men
#429ba6 Tritanopia 0.001% of the population

Trichromacy

#5787fb Protanomaly 1% of men, 0.01% of women
#2e8bf5 Deuteranomaly 6% of men, 0.4% of women
#5091c4 Tritanomaly 0.01% of the population

#6980f8 hex color

#6980f8 Color Information

#6980f8 Color Conversion

Color Schemes with #6980f8

Alternatives to #6980f8

#6980f8 Preview

Shades and Tints of #6980f8

Tones of #6980f8

Color Blindness Simulator