#6f80e2 hex color

In a RGB color space, hex #6f80e2 is composed of 43.5% red, 50.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 43.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.1 degrees, a saturation of 66.5% and a lightness of 66.1%. #6f80e2 color hex could be obtained by blending #deffff with #0001c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 50
- B 89
RGB color chart
- C 51
- M 43
- Y 0
- K 11
CMYK color chart

● #6f80e2 color description : Soft blue.

The hexadecimal color #6f80e2 has RGB values of R:111, G:128, B:226 and CMYK values of C:0.51, M:0.43, Y:0, K:0.11. Its decimal value is 7307490.

Hex triplet	6f80e2	`#6f80e2`
RGB Decimal	111, 128, 226	`rgb(111,128,226)`
RGB Percent	43.5, 50.2, 88.6	`rgb(43.5%,50.2%,88.6%)`
CMYK	51, 43, 0, 11
HSL	231.1°, 66.5, 66.1	`hsl(231.1,66.5%,66.1%)`
HSV (or HSB)	231.1°, 50.9, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.395, 20.645, -51.94
XYZ	27.999, 24.308, 75.164
xyY	0.22, 0.191, 24.308
CIE-LCH	56.395, 55.892, 291.676
CIE-LUV	56.395, -12.203, -83.871
Hunter-Lab	49.303, 15.091, -55.878
Binary	01101111, 10000000, 11100010

#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#e2d16f
```
#e2d16f rgb(226,209,111)
```

Complementary Color

#6fbae2
```
#6fbae2 rgb(111,186,226)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#986fe2
```
#986fe2 rgb(152,111,226)
```

Analogous Color

#bae26f
```
#bae26f rgb(186,226,111)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#e2986f
```
#e2986f rgb(226,152,111)
```

Split Complementary Color

#80e26f
```
#80e26f rgb(128,226,111)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#e26f80
```
#e26f80 rgb(226,111,128)
```

Triadic Color

#6fe2d1
```
#6fe2d1 rgb(111,226,209)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#e26f80
```
#e26f80 rgb(226,111,128)
```
#e2d16f
```
#e2d16f rgb(226,209,111)
```

Tetradic Color

#2f48d5
```
#2f48d5 rgb(47,72,213)
```
#455bd9
```
#455bd9 rgb(69,91,217)
```
#5a6dde
```
#5a6dde rgb(90,109,222)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#8493e6
```
#8493e6 rgb(132,147,230)
```
#99a5eb
```
#99a5eb rgb(153,165,235)
```
#afb8ef
```
#afb8ef rgb(175,184,239)
```

Monochromatic Color

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

#6f9de2
```
#6f9de2 rgb(111,157,226)
```
#6f93e2
```
#6f93e2 rgb(111,147,226)
```
#6f8ae2
```
#6f8ae2 rgb(111,138,226)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#6f76e2
```
#6f76e2 rgb(111,118,226)
```
#716fe2
```
#716fe2 rgb(113,111,226)
```
#7b6fe2
```
#7b6fe2 rgb(123,111,226)
```

Similar Colors

Text with hexadecimal color #6f80e2

This text has a font color of #6f80e2.

<span style="color:#6f80e2;">Text here</span>

#6f80e2 background color

This paragraph has a background color of #6f80e2.

<p style="background-color:#6f80e2;">Content here</p>

#6f80e2 border color

This element has a border color of #6f80e2.

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

CSS codes

.text {color:#6f80e2;}

.background {background-color:#6f80e2;}

.border {border:1px solid #6f80e2;}

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

#010103
```
#010103 rgb(1,1,3)
```
#040613
```
#040613 rgb(4,6,19)
```
#070b24
```
#070b24 rgb(7,11,36)
```
#0a1134
```
#0a1134 rgb(10,17,52)
```
#0e1644
```
#0e1644 rgb(14,22,68)
```
#111b55
```
#111b55 rgb(17,27,85)
```
#142065
```
#142065 rgb(20,32,101)
```
#182575
```
#182575 rgb(24,37,117)
```
#1b2b86
```
#1b2b86 rgb(27,43,134)
```
#1e3096
```
#1e3096 rgb(30,48,150)
```
#2135a6
```
#2135a6 rgb(33,53,166)
```
#253ab7
```
#253ab7 rgb(37,58,183)
```
#2840c7
```
#2840c7 rgb(40,64,199)
```

Shade Color Variation

#2e46d5
```
#2e46d5 rgb(46,70,213)
```
#3e55d8
```
#3e55d8 rgb(62,85,216)
```
#4e63db
```
#4e63db rgb(78,99,219)
```
#5f72df
```
#5f72df rgb(95,114,223)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#7f8ee5
```
#7f8ee5 rgb(127,142,229)
```
#909de9
```
#909de9 rgb(144,157,233)
```
#a0abec
```
#a0abec rgb(160,171,236)
```
#b0baef
```
#b0baef rgb(176,186,239)
```
#c1c8f2
```
#c1c8f2 rgb(193,200,242)
```
#d1d6f6
```
#d1d6f6 rgb(209,214,246)
```
#e1e5f9
```
#e1e5f9 rgb(225,229,249)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#a4a5ad
```
#a4a5ad rgb(164,165,173)
```
#9ea1b3
```
#9ea1b3 rgb(158,161,179)
```
#979cba
```
#979cba rgb(151,156,186)
```
#9097c1
```
#9097c1 rgb(144,151,193)
```
#8a93c7
```
#8a93c7 rgb(138,147,199)
```
#838ece
```
#838ece rgb(131,142,206)
```
#7c89d5
```
#7c89d5 rgb(124,137,213)
```
#7685db
```
#7685db rgb(118,133,219)
```
#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#687be9
```
#687be9 rgb(104,123,233)
```
#6277ef
```
#6277ef rgb(98,119,239)
```
#5b72f6
```
#5b72f6 rgb(91,114,246)
```
#546dfd
```
#546dfd rgb(84,109,253)
```

Tone Color Variation

Below, you can see how #6f80e2 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

#868686 Achromatopsia 0.005% of the population
#818598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ae6 Protanopia 1% of men
#508ee0 Deuteranopia 1% of men
#5a96a1 Tritanopia 0.001% of the population

Trichromacy

#6686e4 Protanomaly 1% of men, 0.01% of women
#5b89e0 Deuteranomaly 6% of men, 0.4% of women
#628eb8 Tritanomaly 0.01% of the population

#6f80e2 hex color

#6f80e2 Color Information

#6f80e2 Color Conversion

Color Schemes with #6f80e2

Alternatives to #6f80e2

#6f80e2 Preview

Shades and Tints of #6f80e2

Tones of #6f80e2

Color Blindness Simulator