#5f7aaa hex color

In a RGB color space, hex #5f7aaa is composed of 37.3% red, 47.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 28.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.4 degrees, a saturation of 30.6% and a lightness of 52%. #5f7aaa color hex could be obtained by blending #bef4ff with #000055. Closest websafe color is: #666699.

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

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

The hexadecimal color #5f7aaa has RGB values of R:95, G:122, B:170 and CMYK values of C:0.44, M:0.28, Y:0, K:0.33. Its decimal value is 6257322.

Hex triplet	5f7aaa	`#5f7aaa`
RGB Decimal	95, 122, 170	`rgb(95,122,170)`
RGB Percent	37.3, 47.8, 66.7	`rgb(37.3%,47.8%,66.7%)`
CMYK	44, 28, 0, 33
HSL	218.4°, 30.6, 52	`hsl(218.4,30.6%,52%)`
HSV (or HSB)	218.4°, 44.1, 66.7
Web Safe	666699	`#666699`

CIE-LAB	50.982, 3.292, -28.638
XYZ	18.933, 19.253, 40.747
xyY	0.24, 0.244, 19.253
CIE-LCH	50.982, 28.827, 276.557
CIE-LUV	50.982, -14.388, -43.301
Hunter-Lab	43.879, 0.232, -24.343
Binary	01011111, 01111010, 10101010

#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#aa8f5f
```
#aa8f5f rgb(170,143,95)
```

Complementary Color

#5fa0aa
```
#5fa0aa rgb(95,160,170)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#6a5faa
```
#6a5faa rgb(106,95,170)
```

Analogous Color

#a0aa5f
```
#a0aa5f rgb(160,170,95)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#aa6a5f
```
#aa6a5f rgb(170,106,95)
```

Split Complementary Color

#7aaa5f
```
#7aaa5f rgb(122,170,95)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#aa5f7a
```
#aa5f7a rgb(170,95,122)
```

Triadic Color

#5faa8f
```
#5faa8f rgb(95,170,143)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#aa5f7a
```
#aa5f7a rgb(170,95,122)
```
#aa8f5f
```
#aa8f5f rgb(170,143,95)
```

Tetradic Color

#41567b
```
#41567b rgb(65,86,123)
```
#4a628c
```
#4a628c rgb(74,98,140)
```
#536d9c
```
#536d9c rgb(83,109,156)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#7088b3
```
#7088b3 rgb(112,136,179)
```
#8096bc
```
#8096bc rgb(128,150,188)
```
#91a4c5
```
#91a4c5 rgb(145,164,197)
```

Monochromatic Color

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

#5f8daa
```
#5f8daa rgb(95,141,170)
```
#5f87aa
```
#5f87aa rgb(95,135,170)
```
#5f80aa
```
#5f80aa rgb(95,128,170)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#5f74aa
```
#5f74aa rgb(95,116,170)
```
#5f6eaa
```
#5f6eaa rgb(95,110,170)
```
#5f67aa
```
#5f67aa rgb(95,103,170)
```

Similar Colors

Text with hexadecimal color #5f7aaa

This text has a font color of #5f7aaa.

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

#5f7aaa background color

This paragraph has a background color of #5f7aaa.

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

#5f7aaa border color

This element has a border color of #5f7aaa.

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

CSS codes

.text {color:#5f7aaa;}

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

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

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)
```
#111720
```
#111720 rgb(17,23,32)
```
#181f2d
```
#181f2d rgb(24,31,45)
```
#1f283a
```
#1f283a rgb(31,40,58)
```
#253147
```
#253147 rgb(37,49,71)
```
#2c3a53
```
#2c3a53 rgb(44,58,83)
```
#334360
```
#334360 rgb(51,67,96)
```
#3a4c6d
```
#3a4c6d rgb(58,76,109)
```
#41557a
```
#41557a rgb(65,85,122)
```
#485e87
```
#485e87 rgb(72,94,135)
```
#4e6793
```
#4e6793 rgb(78,103,147)
```
#5570a0
```
#5570a0 rgb(85,112,160)
```

Shade Color Variation

#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#6c85b1
```
#6c85b1 rgb(108,133,177)
```
#798fb8
```
#798fb8 rgb(121,143,184)
```
#859abe
```
#859abe rgb(133,154,190)
```
#92a5c5
```
#92a5c5 rgb(146,165,197)
```
#9fafcc
```
#9fafcc rgb(159,175,204)
```
#acbad3
```
#acbad3 rgb(172,186,211)
```
#b9c5da
```
#b9c5da rgb(185,197,218)
```
#c5cfe0
```
#c5cfe0 rgb(197,207,224)
```
#d2dae7
```
#d2dae7 rgb(210,218,231)
```
#dfe4ee
```
#dfe4ee rgb(223,228,238)
```
#eceff5
```
#eceff5 rgb(236,239,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#7b828e
```
#7b828e rgb(123,130,142)
```
#727f97
```
#727f97 rgb(114,127,151)
```
#687da1
```
#687da1 rgb(104,125,161)
```
#5f7aaa
```
#5f7aaa rgb(95,122,170)
```
#5677b3
```
#5677b3 rgb(86,119,179)
```
#4c75bd
```
#4c75bd rgb(76,117,189)
```
#4372c6
```
#4372c6 rgb(67,114,198)
```
#396fd0
```
#396fd0 rgb(57,111,208)
```
#306dd9
```
#306dd9 rgb(48,109,217)
```
#266ae3
```
#266ae3 rgb(38,106,227)
```
#1d68ec
```
#1d68ec rgb(29,104,236)
```
#1465f5
```
#1465f5 rgb(20,101,245)
```
#0a62ff
```
#0a62ff rgb(10,98,255)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717eac Protanopia 1% of men
#6e7faf Deuteranopia 1% of men
#5d8690 Tritanopia 0.001% of the population

Trichromacy

#6a7dab Protanomaly 1% of men, 0.01% of women
#687dad Deuteranomaly 6% of men, 0.4% of women
#5d8299 Tritanomaly 0.01% of the population

#5f7aaa hex color

#5f7aaa Color Information

#5f7aaa Color Conversion

Color Schemes with #5f7aaa

Alternatives to #5f7aaa

#5f7aaa Preview

Shades and Tints of #5f7aaa

Tones of #5f7aaa

Color Blindness Simulator