#5f80aa hex color

In a RGB color space, hex #5f80aa is composed of 37.3% red, 50.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 24.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 213.6 degrees, a saturation of 30.6% and a lightness of 52%. #5f80aa color hex could be obtained by blending #beffff with #000155. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 50
- B 67
RGB color chart
- C 44
- M 25
- Y 0
- K 33
CMYK color chart

● #5f80aa color description : Mostly desaturated dark blue.

The hexadecimal color #5f80aa has RGB values of R:95, G:128, B:170 and CMYK values of C:0.44, M:0.25, Y:0, K:0.33. Its decimal value is 6258858.

Hex triplet	5f80aa	`#5f80aa`
RGB Decimal	95, 128, 170	`rgb(95,128,170)`
RGB Percent	37.3, 50.2, 66.7	`rgb(37.3%,50.2%,66.7%)`
CMYK	44, 25, 0, 33
HSL	213.6°, 30.6, 52	`hsl(213.6,30.6%,52%)`
HSV (or HSB)	213.6°, 44.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	52.7, -0.256, -25.975
XYZ	19.693, 20.773, 41
xyY	0.242, 0.255, 20.773
CIE-LCH	52.7, 25.977, 269.434
CIE-LUV	52.7, -16.747, -38.913
Hunter-Lab	45.577, -2.635, -21.432
Binary	01011111, 10000000, 10101010

#5f80aa
```
#5f80aa rgb(95,128,170)
```
#aa895f
```
#aa895f rgb(170,137,95)
```

Complementary Color

#5fa6aa
```
#5fa6aa rgb(95,166,170)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#635faa
```
#635faa rgb(99,95,170)
```

Analogous Color

#a6aa5f
```
#a6aa5f rgb(166,170,95)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#aa645f
```
#aa645f rgb(170,100,95)
```

Split Complementary Color

#80aa5f
```
#80aa5f rgb(128,170,95)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#aa5f80
```
#aa5f80 rgb(170,95,128)
```

Triadic Color

#5faa89
```
#5faa89 rgb(95,170,137)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#aa5f80
```
#aa5f80 rgb(170,95,128)
```
#aa895f
```
#aa895f rgb(170,137,95)
```

Tetradic Color

#415b7b
```
#415b7b rgb(65,91,123)
```
#4a678c
```
#4a678c rgb(74,103,140)
```
#53739c
```
#53739c rgb(83,115,156)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#708db3
```
#708db3 rgb(112,141,179)
```
#809abc
```
#809abc rgb(128,154,188)
```
#91a8c5
```
#91a8c5 rgb(145,168,197)
```

Monochromatic Color

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

#5f93aa
```
#5f93aa rgb(95,147,170)
```
#5f8daa
```
#5f8daa rgb(95,141,170)
```
#5f86aa
```
#5f86aa rgb(95,134,170)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#5f74aa
```
#5f74aa rgb(95,116,170)
```
#5f6daa
```
#5f6daa rgb(95,109,170)
```

Similar Colors

Text with hexadecimal color #5f80aa

This text has a font color of #5f80aa.

<span style="color:#5f80aa;">Text here</span>

#5f80aa background color

This paragraph has a background color of #5f80aa.

<p style="background-color:#5f80aa;">Content here</p>

#5f80aa border color

This element has a border color of #5f80aa.

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

CSS codes

.text {color:#5f80aa;}

.background {background-color:#5f80aa;}

.border {border:1px solid #5f80aa;}

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0e13
```
#0a0e13 rgb(10,14,19)
```
#111820
```
#111820 rgb(17,24,32)
```
#18212d
```
#18212d rgb(24,33,45)
```
#1f2b3a
```
#1f2b3a rgb(31,43,58)
```
#253447
```
#253447 rgb(37,52,71)
```
#2c3e53
```
#2c3e53 rgb(44,62,83)
```
#334760
```
#334760 rgb(51,71,96)
```
#3a506d
```
#3a506d rgb(58,80,109)
```
#415a7a
```
#415a7a rgb(65,90,122)
```
#486387
```
#486387 rgb(72,99,135)
```
#4e6d93
```
#4e6d93 rgb(78,109,147)
```
#5576a0
```
#5576a0 rgb(85,118,160)
```

Shade Color Variation

#5f80aa
```
#5f80aa rgb(95,128,170)
```
#6c8ab1
```
#6c8ab1 rgb(108,138,177)
```
#7994b8
```
#7994b8 rgb(121,148,184)
```
#859fbe
```
#859fbe rgb(133,159,190)
```
#92a9c5
```
#92a9c5 rgb(146,169,197)
```
#9fb3cc
```
#9fb3cc rgb(159,179,204)
```
#acbdd3
```
#acbdd3 rgb(172,189,211)
```
#b9c7da
```
#b9c7da rgb(185,199,218)
```
#c5d1e0
```
#c5d1e0 rgb(197,209,224)
```
#d2dce7
```
#d2dce7 rgb(210,220,231)
```
#dfe6ee
```
#dfe6ee rgb(223,230,238)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b838e is the less saturated color, while #0a76ff is the most saturated one.

#7b838e
```
#7b838e rgb(123,131,142)
```
#728297
```
#728297 rgb(114,130,151)
```
#6881a1
```
#6881a1 rgb(104,129,161)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#567fb3
```
#567fb3 rgb(86,127,179)
```
#4c7ebd
```
#4c7ebd rgb(76,126,189)
```
#437dc6
```
#437dc6 rgb(67,125,198)
```
#397bd0
```
#397bd0 rgb(57,123,208)
```
#307ad9
```
#307ad9 rgb(48,122,217)
```
#2679e3
```
#2679e3 rgb(38,121,227)
```
#1d78ec
```
#1d78ec rgb(29,120,236)
```
#1477f5
```
#1477f5 rgb(20,119,245)
```
#0a76ff
```
#0a76ff rgb(10,118,255)
```

Tone Color Variation

Below, you can see how #5f80aa 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

#7b7b7b Achromatopsia 0.005% of the population
#757c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7883ab Protanopia 1% of men
#7682af Deuteranopia 1% of men
#5e8b95 Tritanopia 0.001% of the population

Trichromacy

#6f81ab Protanomaly 1% of men, 0.01% of women
#6d81ad Deuteranomaly 6% of men, 0.4% of women
#5e879c Tritanomaly 0.01% of the population

#5f80aa hex color

#5f80aa Color Information

#5f80aa Color Conversion

Color Schemes with #5f80aa

Alternatives to #5f80aa

#5f80aa Preview

Shades and Tints of #5f80aa

Tones of #5f80aa

Color Blindness Simulator