#6f80f3 hex color

In a RGB color space, hex #6f80f3 is composed of 43.5% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 232.3 degrees, a saturation of 84.6% and a lightness of 69.4%. #6f80f3 color hex could be obtained by blending #deffff with #0001e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 50
- B 95
RGB color chart
- C 54
- M 47
- Y 0
- K 5
CMYK color chart

● #6f80f3 color description : Soft blue.

The hexadecimal color #6f80f3 has RGB values of R:111, G:128, B:243 and CMYK values of C:0.54, M:0.47, Y:0, K:0.05. Its decimal value is 7307507.

Hex triplet	6f80f3	`#6f80f3`
RGB Decimal	111, 128, 243	`rgb(111,128,243)`
RGB Percent	43.5, 50.2, 95.3	`rgb(43.5%,50.2%,95.3%)`
CMYK	54, 47, 0, 5
HSL	232.3°, 84.6, 69.4	`hsl(232.3,84.6%,69.4%)`
HSV (or HSB)	232.3°, 54.3, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.355, 25.939, -59.869
XYZ	30.449, 25.288, 88.066
xyY	0.212, 0.176, 25.288
CIE-LCH	57.355, 65.247, 293.425
CIE-LUV	57.355, -12.767, -97.412
Hunter-Lab	50.287, 20.081, -68.632
Binary	01101111, 10000000, 11110011

#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#f3e26f
```
#f3e26f rgb(243,226,111)
```

Complementary Color

#6fc2f3
```
#6fc2f3 rgb(111,194,243)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#a06ff3
```
#a06ff3 rgb(160,111,243)
```

Analogous Color

#c2f36f
```
#c2f36f rgb(194,243,111)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#f3a06f
```
#f3a06f rgb(243,160,111)
```

Split Complementary Color

#80f36f
```
#80f36f rgb(128,243,111)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#f36f80
```
#f36f80 rgb(243,111,128)
```

Triadic Color

#6ff3e2
```
#6ff3e2 rgb(111,243,226)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#f36f80
```
#f36f80 rgb(243,111,128)
```
#f3e26f
```
#f3e26f rgb(243,226,111)
```

Tetradic Color

#2842ed
```
#2842ed rgb(40,66,237)
```
#4056ef
```
#4056ef rgb(64,86,239)
```
#576bf1
```
#576bf1 rgb(87,107,241)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#8795f5
```
#8795f5 rgb(135,149,245)
```
#9eaaf7
```
#9eaaf7 rgb(158,170,247)
```
#b6bef9
```
#b6bef9 rgb(182,190,249)
```

Monochromatic Color

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

#6fa1f3
```
#6fa1f3 rgb(111,161,243)
```
#6f96f3
```
#6f96f3 rgb(111,150,243)
```
#6f8bf3
```
#6f8bf3 rgb(111,139,243)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#6f75f3
```
#6f75f3 rgb(111,117,243)
```
#746ff3
```
#746ff3 rgb(116,111,243)
```
#7f6ff3
```
#7f6ff3 rgb(127,111,243)
```

Similar Colors

Text with hexadecimal color #6f80f3

This text has a font color of #6f80f3.

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

#6f80f3 background color

This paragraph has a background color of #6f80f3.

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

#6f80f3 border color

This element has a border color of #6f80f3.

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

CSS codes

.text {color:#6f80f3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020413
```
#020413 rgb(2,4,19)
```
#030725
```
#030725 rgb(3,7,37)
```
#050b37
```
#050b37 rgb(5,11,55)
```
#060f49
```
#060f49 rgb(6,15,73)
```
#08125b
```
#08125b rgb(8,18,91)
```
#09166d
```
#09166d rgb(9,22,109)
```
#0b1a80
```
#0b1a80 rgb(11,26,128)
```
#0c1d92
```
#0c1d92 rgb(12,29,146)
```
#0e21a4
```
#0e21a4 rgb(14,33,164)
```
#0f25b6
```
#0f25b6 rgb(15,37,182)
```
#1128c8
```
#1128c8 rgb(17,40,200)
```
#122cda
```
#122cda rgb(18,44,218)
```

Shade Color Variation

#1430eb
```
#1430eb rgb(20,48,235)
```
#2740ed
```
#2740ed rgb(39,64,237)
```
#3950ee
```
#3950ee rgb(57,80,238)
```
#4b60f0
```
#4b60f0 rgb(75,96,240)
```
#5d70f1
```
#5d70f1 rgb(93,112,241)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#8190f5
```
#8190f5 rgb(129,144,245)
```
#93a0f6
```
#93a0f6 rgb(147,160,246)
```
#a5b0f8
```
#a5b0f8 rgb(165,176,248)
```
#b7c0f9
```
#b7c0f9 rgb(183,192,249)
```
#cad0fb
```
#cad0fb rgb(202,208,251)
```
#dce0fc
```
#dce0fc rgb(220,224,252)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

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

#abadb7
```
#abadb7 rgb(171,173,183)
```
#a5a8bd
```
#a5a8bd rgb(165,168,189)
```
#9fa4c3
```
#9fa4c3 rgb(159,164,195)
```
#999fc9
```
#999fc9 rgb(153,159,201)
```
#939bcf
```
#939bcf rgb(147,155,207)
```
#8d96d5
```
#8d96d5 rgb(141,150,213)
```
#8792db
```
#8792db rgb(135,146,219)
```
#818de1
```
#818de1 rgb(129,141,225)
```
#7b89e7
```
#7b89e7 rgb(123,137,231)
```
#7584ed
```
#7584ed rgb(117,132,237)
```
#6f80f3
```
#6f80f3 rgb(111,128,243)
```
#697cf9
```
#697cf9 rgb(105,124,249)
```
#6377ff
```
#6377ff rgb(99,119,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#83869d Atypical Achromatopsia 0.001% of the population

Dichromacy

#538cf8 Protanopia 1% of men
#3391ef Deuteranopia 1% of men
#509aa5 Tritanopia 0.001% of the population

Trichromacy

#5d87f6 Protanomaly 1% of men, 0.01% of women
#488bf0 Deuteranomaly 6% of men, 0.4% of women
#5b90c1 Tritanomaly 0.01% of the population

#6f80f3 hex color

#6f80f3 Color Information

#6f80f3 Color Conversion

Color Schemes with #6f80f3

Alternatives to #6f80f3

#6f80f3 Preview

Shades and Tints of #6f80f3

Tones of #6f80f3

Color Blindness Simulator