colorhexa.com

#6f80b2 hex color

In a RGB color space, hex #6f80b2 is composed of 43.5% red, 50.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 28.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 224.8 degrees, a saturation of 30.3% and a lightness of 56.7%. #6f80b2 color hex could be obtained by blending #deffff with #000165. Closest websafe color is: #669999.

- R 44
- G 50
- B 70
RGB color chart
- C 38
- M 28
- Y 0
- K 30
CMYK color chart

● #6f80b2 color description : Mostly desaturated dark blue.

The hexadecimal color #6f80b2 has RGB values of R:111, G:128, B:178 and CMYK values of C:0.38, M:0.28, Y:0, K:0.3. Its decimal value is 7307442.

Hex triplet	6f80b2	`#6f80b2`
RGB Decimal	111, 128, 178	`rgb(111,128,178)`
RGB Percent	43.5, 50.2, 69.8	`rgb(43.5%,50.2%,69.8%)`
CMYK	38, 28, 0, 30
HSL	224.8°, 30.3, 56.7	`hsl(224.8,30.3%,56.7%)`
HSV (or HSB)	224.8°, 37.6, 69.8
Web Safe	669999	`#669999`

CIE-LAB	54.06, 6.441, -28.395
XYZ	22.309, 22.032, 45.194
xyY	0.249, 0.246, 22.032
CIE-LCH	54.06, 29.117, 282.78
CIE-LUV	54.06, -10.623, -43.798
Hunter-Lab	46.938, 2.698, -24.231
Binary	01101111, 10000000, 10110010

#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#b2a16f
```
#b2a16f rgb(178,161,111)
```

Complementary Color

#6fa2b2
```
#6fa2b2 rgb(111,162,178)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#806fb2
```
#806fb2 rgb(128,111,178)
```

Analogous Color

#a2b26f
```
#a2b26f rgb(162,178,111)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#b2806f
```
#b2806f rgb(178,128,111)
```

Split Complementary Color

#80b26f
```
#80b26f rgb(128,178,111)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#b26f80
```
#b26f80 rgb(178,111,128)
```

Triadic Color

#6fb2a1
```
#6fb2a1 rgb(111,178,161)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#b26f80
```
#b26f80 rgb(178,111,128)
```
#b2a16f
```
#b2a16f rgb(178,161,111)
```

Tetradic Color

#4a5a8a
```
#4a5a8a rgb(74,90,138)
```
#53659b
```
#53659b rgb(83,101,155)
```
#5e71a9
```
#5e71a9 rgb(94,113,169)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#808fbb
```
#808fbb rgb(128,143,187)
```
#909dc4
```
#909dc4 rgb(144,157,196)
```
#a1accd
```
#a1accd rgb(161,172,205)
```

Monochromatic Color

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

#6f91b2
```
#6f91b2 rgb(111,145,178)
```
#6f8bb2
```
#6f8bb2 rgb(111,139,178)
```
#6f86b2
```
#6f86b2 rgb(111,134,178)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#6f7ab2
```
#6f7ab2 rgb(111,122,178)
```
#6f75b2
```
#6f75b2 rgb(111,117,178)
```
#6f6fb2
```
#6f6fb2 rgb(111,111,178)
```

Similar Colors

Text with hexadecimal color #6f80b2

This text has a font color of #6f80b2.

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

#6f80b2 background color

This paragraph has a background color of #6f80b2.

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

#6f80b2 border color

This element has a border color of #6f80b2.

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

CSS codes

.text {color:#6f80b2;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0e16
```
#0c0e16 rgb(12,14,22)
```
#131723
```
#131723 rgb(19,23,35)
```
#1a1f30
```
#1a1f30 rgb(26,31,48)
```
#20273c
```
#20273c rgb(32,39,60)
```
#273049
```
#273049 rgb(39,48,73)
```
#2e3856
```
#2e3856 rgb(46,56,86)
```
#354163
```
#354163 rgb(53,65,99)
```
#3c4970
```
#3c4970 rgb(60,73,112)
```
#43517c
```
#43517c rgb(67,81,124)
```
#495a89
```
#495a89 rgb(73,90,137)
```
#506296
```
#506296 rgb(80,98,150)
```
#576aa3
```
#576aa3 rgb(87,106,163)
```

Shade Color Variation

#6275ab
```
#6275ab rgb(98,117,171)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#7c8bb9
```
#7c8bb9 rgb(124,139,185)
```
#8997c0
```
#8997c0 rgb(137,151,192)
```
#95a2c7
```
#95a2c7 rgb(149,162,199)
```
#a2adcd
```
#a2adcd rgb(162,173,205)
```
#afb8d4
```
#afb8d4 rgb(175,184,212)
```
#bcc4db
```
#bcc4db rgb(188,196,219)
```
#c8cfe2
```
#c8cfe2 rgb(200,207,226)
```
#d5dae9
```
#d5dae9 rgb(213,218,233)
```
#e2e5f0
```
#e2e5f0 rgb(226,229,240)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d99 is the less saturated color, while #235aff is the most saturated one.

#898d99
```
#898d99 rgb(137,141,153)
```
#8088a1
```
#8088a1 rgb(128,136,161)
```
#7884aa
```
#7884aa rgb(120,132,170)
```
#6f80b2
```
#6f80b2 rgb(111,128,178)
```
#677cbb
```
#677cbb rgb(103,124,187)
```
#5e78c3
```
#5e78c3 rgb(94,120,195)
```
#5673cc
```
#5673cc rgb(86,115,204)
```
#4d6fd4
```
#4d6fd4 rgb(77,111,212)
```
#456bdd
```
#456bdd rgb(69,107,221)
```
#3c67e5
```
#3c67e5 rgb(60,103,229)
```
#3463ee
```
#3463ee rgb(52,99,238)
```
#2b5ff6
```
#2b5ff6 rgb(43,95,246)
```
#235aff
```
#235aff rgb(35,90,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7d818b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7886b5 Protanopia 1% of men
#7786b6 Deuteranopia 1% of men
#6d8c97 Tritanopia 0.001% of the population

Trichromacy

#7583b4 Protanomaly 1% of men, 0.01% of women
#7484b4 Deuteranomaly 6% of men, 0.4% of women
#6d88a0 Tritanomaly 0.01% of the population