#5f84ad hex color

In a RGB color space, hex #5f84ad is composed of 37.3% red, 51.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 23.7% magenta, 0% yellow and 32.2% black. It has a hue angle of 211.5 degrees, a saturation of 32.2% and a lightness of 52.5%. #5f84ad color hex could be obtained by blending #beffff with #00095b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 52
- B 68
RGB color chart
- C 45
- M 24
- Y 0
- K 32
CMYK color chart

● #5f84ad color description : Dark moderate blue.

The hexadecimal color #5f84ad has RGB values of R:95, G:132, B:173 and CMYK values of C:0.45, M:0.24, Y:0, K:0.32. Its decimal value is 6259885.

Hex triplet	5f84ad	`#5f84ad`
RGB Decimal	95, 132, 173	`rgb(95,132,173)`
RGB Percent	37.3, 51.8, 67.8	`rgb(37.3%,51.8%,67.8%)`
CMYK	45, 24, 0, 32
HSL	211.5°, 32.2, 52.5	`hsl(211.5,32.2%,52.5%)`
HSV (or HSB)	211.5°, 45.1, 67.8
Web Safe	669999	`#669999`

CIE-LAB	53.976, -1.709, -25.733
XYZ	20.512, 21.952, 42.689
xyY	0.241, 0.258, 21.952
CIE-LCH	53.976, 25.789, 266.2
CIE-LUV	53.976, -18.343, -38.519
Hunter-Lab	46.853, -3.846, -21.225
Binary	01011111, 10000100, 10101101

#5f84ad
```
#5f84ad rgb(95,132,173)
```
#ad885f
```
#ad885f rgb(173,136,95)
```

Complementary Color

#5fabad
```
#5fabad rgb(95,171,173)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#615fad
```
#615fad rgb(97,95,173)
```

Analogous Color

#abad5f
```
#abad5f rgb(171,173,95)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#ad615f
```
#ad615f rgb(173,97,95)
```

Split Complementary Color

#84ad5f
```
#84ad5f rgb(132,173,95)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#ad5f84
```
#ad5f84 rgb(173,95,132)
```

Triadic Color

#5fad88
```
#5fad88 rgb(95,173,136)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#ad5f84
```
#ad5f84 rgb(173,95,132)
```
#ad885f
```
#ad885f rgb(173,136,95)
```

Tetradic Color

#415e7f
```
#415e7f rgb(65,94,127)
```
#4a6b8f
```
#4a6b8f rgb(74,107,143)
```
#5277a0
```
#5277a0 rgb(82,119,160)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#7091b6
```
#7091b6 rgb(112,145,182)
```
#819ebe
```
#819ebe rgb(129,158,190)
```
#92abc7
```
#92abc7 rgb(146,171,199)
```

Monochromatic Color

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

#5f98ad
```
#5f98ad rgb(95,152,173)
```
#5f91ad
```
#5f91ad rgb(95,145,173)
```
#5f8bad
```
#5f8bad rgb(95,139,173)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#5f7ead
```
#5f7ead rgb(95,126,173)
```
#5f77ad
```
#5f77ad rgb(95,119,173)
```
#5f71ad
```
#5f71ad rgb(95,113,173)
```

Similar Colors

Text with hexadecimal color #5f84ad

This text has a font color of #5f84ad.

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

#5f84ad background color

This paragraph has a background color of #5f84ad.

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

#5f84ad border color

This element has a border color of #5f84ad.

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

CSS codes

.text {color:#5f84ad;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0b1016
```
#0b1016 rgb(11,16,22)
```
#121a23
```
#121a23 rgb(18,26,35)
```
#182330
```
#182330 rgb(24,35,48)
```
#1f2d3c
```
#1f2d3c rgb(31,45,60)
```
#263749
```
#263749 rgb(38,55,73)
```
#2c4056
```
#2c4056 rgb(44,64,86)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#3a5470
```
#3a5470 rgb(58,84,112)
```
#405d7d
```
#405d7d rgb(64,93,125)
```
#47678a
```
#47678a rgb(71,103,138)
```
#4e7097
```
#4e7097 rgb(78,112,151)
```
#547aa4
```
#547aa4 rgb(84,122,164)
```

Shade Color Variation

#5f84ad
```
#5f84ad rgb(95,132,173)
```
#6c8eb4
```
#6c8eb4 rgb(108,142,180)
```
#7998ba
```
#7998ba rgb(121,152,186)
```
#86a2c1
```
#86a2c1 rgb(134,162,193)
```
#93acc8
```
#93acc8 rgb(147,172,200)
```
#a0b6ce
```
#a0b6ce rgb(160,182,206)
```
#adc0d5
```
#adc0d5 rgb(173,192,213)
```
#bacadc
```
#bacadc rgb(186,202,220)
```
#c7d4e2
```
#c7d4e2 rgb(199,212,226)
```
#d4dee9
```
#d4dee9 rgb(212,222,233)
```
#e1e8ef
```
#e1e8ef rgb(225,232,239)
```
#eef2f6
```
#eef2f6 rgb(238,242,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#848688
```
#848688 rgb(132,134,136)
```
#7b8591
```
#7b8591 rgb(123,133,145)
```
#72859a
```
#72859a rgb(114,133,154)
```
#6884a4
```
#6884a4 rgb(104,132,164)
```
#5f84ad
```
#5f84ad rgb(95,132,173)
```
#5684b6
```
#5684b6 rgb(86,132,182)
```
#4c83c0
```
#4c83c0 rgb(76,131,192)
```
#4383c9
```
#4383c9 rgb(67,131,201)
```
#3a82d2
```
#3a82d2 rgb(58,130,210)
```
#3082dc
```
#3082dc rgb(48,130,220)
```
#2781e5
```
#2781e5 rgb(39,129,229)
```
#1e81ee
```
#1e81ee rgb(30,129,238)
```
#1580f7
```
#1580f7 rgb(21,128,247)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#787f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b86ae Protanopia 1% of men
#7a85b2 Deuteranopia 1% of men
#5e8f99 Tritanopia 0.001% of the population

Trichromacy

#7185ad Protanomaly 1% of men, 0.01% of women
#7085b0 Deuteranomaly 6% of men, 0.4% of women
#5e8ba0 Tritanomaly 0.01% of the population

#5f84ad hex color

#5f84ad Color Information

#5f84ad Color Conversion

Color Schemes with #5f84ad

Alternatives to #5f84ad

#5f84ad Preview

Shades and Tints of #5f84ad

Tones of #5f84ad

Color Blindness Simulator