#6f80a4 hex color

In a RGB color space, hex #6f80a4 is composed of 43.5% red, 50.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 22% magenta, 0% yellow and 35.7% black. It has a hue angle of 220.8 degrees, a saturation of 22.6% and a lightness of 53.9%. #6f80a4 color hex could be obtained by blending #deffff with #000149. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 44
- G 50
- B 64
RGB color chart
- C 32
- M 22
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #6f80a4 has RGB values of R:111, G:128, B:164 and CMYK values of C:0.32, M:0.22, Y:0, K:0.36. Its decimal value is 7307428.

Hex triplet	6f80a4	`#6f80a4`
RGB Decimal	111, 128, 164	`rgb(111,128,164)`
RGB Percent	43.5, 50.2, 64.3	`rgb(43.5%,50.2%,64.3%)`
CMYK	32, 22, 0, 36
HSL	220.8°, 22.6, 53.9	`hsl(220.8,22.6%,53.9%)`
HSV (or HSB)	220.8°, 32.3, 64.3
Web Safe	669999	`#669999`

CIE-LAB	53.49, 2.622, -21.204
XYZ	20.974, 21.498, 38.164
xyY	0.26, 0.267, 21.498
CIE-LCH	53.49, 21.365, 277.049
CIE-LUV	53.49, -10.175, -31.869
Hunter-Lab	46.366, -0.393, -16.347
Binary	01101111, 10000000, 10100100

#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#a4936f
```
#a4936f rgb(164,147,111)
```

Complementary Color

#6f9ba4
```
#6f9ba4 rgb(111,155,164)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#796fa4
```
#796fa4 rgb(121,111,164)
```

Analogous Color

#9ba46f
```
#9ba46f rgb(155,164,111)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#a4796f
```
#a4796f rgb(164,121,111)
```

Split Complementary Color

#80a46f
```
#80a46f rgb(128,164,111)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#a46f80
```
#a46f80 rgb(164,111,128)
```

Triadic Color

#6fa493
```
#6fa493 rgb(111,164,147)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#a46f80
```
#a46f80 rgb(164,111,128)
```
#a4936f
```
#a4936f rgb(164,147,111)
```

Tetradic Color

#4d5b7a
```
#4d5b7a rgb(77,91,122)
```
#576789
```
#576789 rgb(87,103,137)
```
#617399
```
#617399 rgb(97,115,153)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#7f8eae
```
#7f8eae rgb(127,142,174)
```
#8e9cb8
```
#8e9cb8 rgb(142,156,184)
```
#9ea9c2
```
#9ea9c2 rgb(158,169,194)
```

Monochromatic Color

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

#6f8da4
```
#6f8da4 rgb(111,141,164)
```
#6f89a4
```
#6f89a4 rgb(111,137,164)
```
#6f84a4
```
#6f84a4 rgb(111,132,164)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#6f7ca4
```
#6f7ca4 rgb(111,124,164)
```
#6f77a4
```
#6f77a4 rgb(111,119,164)
```
#6f73a4
```
#6f73a4 rgb(111,115,164)
```

Similar Colors

Text with hexadecimal color #6f80a4

This text has a font color of #6f80a4.

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

#6f80a4 background color

This paragraph has a background color of #6f80a4.

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

#6f80a4 border color

This element has a border color of #6f80a4.

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

CSS codes

.text {color:#6f80a4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08090c
```
#08090c rgb(8,9,12)
```
#0f1218
```
#0f1218 rgb(15,18,24)
```
#171b24
```
#171b24 rgb(23,27,36)
```
#1f2430
```
#1f2430 rgb(31,36,48)
```
#262d3c
```
#262d3c rgb(38,45,60)
```
#2e3648
```
#2e3648 rgb(46,54,72)
```
#353f54
```
#353f54 rgb(53,63,84)
```
#3d4860
```
#3d4860 rgb(61,72,96)
```
#45516c
```
#45516c rgb(69,81,108)
```
#4c5a78
```
#4c5a78 rgb(76,90,120)
```
#546384
```
#546384 rgb(84,99,132)
```
#5b6c90
```
#5b6c90 rgb(91,108,144)
```

Shade Color Variation

#63759c
```
#63759c rgb(99,117,156)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#7b8bac
```
#7b8bac rgb(123,139,172)
```
#8795b3
```
#8795b3 rgb(135,149,179)
```
#93a0bb
```
#93a0bb rgb(147,160,187)
```
#9faac2
```
#9faac2 rgb(159,170,194)
```
#abb5ca
```
#abb5ca rgb(171,181,202)
```
#b7c0d2
```
#b7c0d2 rgb(183,192,210)
```
#c3cad9
```
#c3cad9 rgb(195,202,217)
```
#cfd5e1
```
#cfd5e1 rgb(207,213,225)
```
#dbdfe8
```
#dbdfe8 rgb(219,223,232)
```
#e7eaf0
```
#e7eaf0 rgb(231,234,240)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

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

#818692
```
#818692 rgb(129,134,146)
```
#78839b
```
#78839b rgb(120,131,155)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#667dad
```
#667dad rgb(102,125,173)
```
#5d7ab6
```
#5d7ab6 rgb(93,122,182)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#4b73c8
```
#4b73c8 rgb(75,115,200)
```
#4270d1
```
#4270d1 rgb(66,112,209)
```
#396dda
```
#396dda rgb(57,109,218)
```
#3069e3
```
#3069e3 rgb(48,105,227)
```
#2766ec
```
#2766ec rgb(39,102,236)
```
#1e63f5
```
#1e63f5 rgb(30,99,245)
```
#1560fe
```
#1560fe rgb(21,96,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7c7f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d85a7 Protanopia 1% of men
#7e84a9 Deuteranopia 1% of men
#708a94 Tritanopia 0.001% of the population

Trichromacy

#7783a6 Protanomaly 1% of men, 0.01% of women
#7982a7 Deuteranomaly 6% of men, 0.4% of women
#70869a Tritanomaly 0.01% of the population

#6f80a4 hex color

#6f80a4 Color Information

#6f80a4 Color Conversion

Color Schemes with #6f80a4

Alternatives to #6f80a4

#6f80a4 Preview

Shades and Tints of #6f80a4

Tones of #6f80a4

Color Blindness Simulator