#5f82b3 hex color

In a RGB color space, hex #5f82b3 is composed of 37.3% red, 51% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 27.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 215 degrees, a saturation of 35.6% and a lightness of 53.7%. #5f82b3 color hex could be obtained by blending #beffff with #000567. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 51
- B 70
RGB color chart
- C 47
- M 27
- Y 0
- K 30
CMYK color chart

● #5f82b3 color description : Slightly desaturated blue.

The hexadecimal color #5f82b3 has RGB values of R:95, G:130, B:179 and CMYK values of C:0.47, M:0.27, Y:0, K:0.3. Its decimal value is 6259379.

Hex triplet	5f82b3	`#5f82b3`
RGB Decimal	95, 130, 179	`rgb(95,130,179)`
RGB Percent	37.3, 51, 70.2	`rgb(37.3%,51%,70.2%)`
CMYK	47, 27, 0, 30
HSL	215°, 35.6, 53.7	`hsl(215,35.6%,53.7%)`
HSV (or HSB)	215°, 46.9, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.656, 1.246, -29.677
XYZ	20.837, 21.652, 45.727
xyY	0.236, 0.245, 21.652
CIE-LCH	53.656, 29.703, 272.405
CIE-LUV	53.656, -17.581, -45.139
Hunter-Lab	46.532, -1.498, -25.692
Binary	01011111, 10000010, 10110011

#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#b3905f
```
#b3905f rgb(179,144,95)
```

Complementary Color

#5facb3
```
#5facb3 rgb(95,172,179)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#665fb3
```
#665fb3 rgb(102,95,179)
```

Analogous Color

#acb35f
```
#acb35f rgb(172,179,95)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#b3665f
```
#b3665f rgb(179,102,95)
```

Split Complementary Color

#82b35f
```
#82b35f rgb(130,179,95)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#b35f82
```
#b35f82 rgb(179,95,130)
```

Triadic Color

#5fb390
```
#5fb390 rgb(95,179,144)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#b35f82
```
#b35f82 rgb(179,95,130)
```
#b3905f
```
#b3905f rgb(179,144,95)
```

Tetradic Color

#405d86
```
#405d86 rgb(64,93,134)
```
#486997
```
#486997 rgb(72,105,151)
```
#5075a8
```
#5075a8 rgb(80,117,168)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#7090bb
```
#7090bb rgb(112,144,187)
```
#829dc3
```
#829dc3 rgb(130,157,195)
```
#93abcc
```
#93abcc rgb(147,171,204)
```

Monochromatic Color

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

#5f97b3
```
#5f97b3 rgb(95,151,179)
```
#5f90b3
```
#5f90b3 rgb(95,144,179)
```
#5f89b3
```
#5f89b3 rgb(95,137,179)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#5f7bb3
```
#5f7bb3 rgb(95,123,179)
```
#5f74b3
```
#5f74b3 rgb(95,116,179)
```
#5f6db3
```
#5f6db3 rgb(95,109,179)
```

Similar Colors

Text with hexadecimal color #5f82b3

This text has a font color of #5f82b3.

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

#5f82b3 background color

This paragraph has a background color of #5f82b3.

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

#5f82b3 border color

This element has a border color of #5f82b3.

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

CSS codes

.text {color:#5f82b3;}

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

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

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, #06090d is the darkest color, while #ffffff is the lightest one.

#06090d
```
#06090d rgb(6,9,13)
```
#0c121a
```
#0c121a rgb(12,18,26)
```
#131b27
```
#131b27 rgb(19,27,39)
```
#192535
```
#192535 rgb(25,37,53)
```
#1f2e42
```
#1f2e42 rgb(31,46,66)
```
#26374f
```
#26374f rgb(38,55,79)
```
#2c405d
```
#2c405d rgb(44,64,93)
```
#324a6a
```
#324a6a rgb(50,74,106)
```
#395377
```
#395377 rgb(57,83,119)
```
#3f5c85
```
#3f5c85 rgb(63,92,133)
```
#456592
```
#456592 rgb(69,101,146)
```
#4c6e9f
```
#4c6e9f rgb(76,110,159)
```
#5278ac
```
#5278ac rgb(82,120,172)
```

Shade Color Variation

#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#6c8cb9
```
#6c8cb9 rgb(108,140,185)
```
#7a97c0
```
#7a97c0 rgb(122,151,192)
```
#87a1c6
```
#87a1c6 rgb(135,161,198)
```
#94accc
```
#94accc rgb(148,172,204)
```
#a1b6d3
```
#a1b6d3 rgb(161,182,211)
```
#afc0d9
```
#afc0d9 rgb(175,192,217)
```
#bccbdf
```
#bccbdf rgb(188,203,223)
```
#c9d5e6
```
#c9d5e6 rgb(201,213,230)
```
#d7e0ec
```
#d7e0ec rgb(215,224,236)
```
#e4eaf2
```
#e4eaf2 rgb(228,234,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83888f is the less saturated color, while #1676fc is the most saturated one.

#83888f
```
#83888f rgb(131,136,143)
```
#7a8798
```
#7a8798 rgb(122,135,152)
```
#7185a1
```
#7185a1 rgb(113,133,161)
```
#6884aa
```
#6884aa rgb(104,132,170)
```
#5f82b3
```
#5f82b3 rgb(95,130,179)
```
#5680bc
```
#5680bc rgb(86,128,188)
```
#4d7fc5
```
#4d7fc5 rgb(77,127,197)
```
#447dce
```
#447dce rgb(68,125,206)
```
#3b7cd7
```
#3b7cd7 rgb(59,124,215)
```
#327ae0
```
#327ae0 rgb(50,122,224)
```
#2979e9
```
#2979e9 rgb(41,121,233)
```
#1f77f3
```
#1f77f3 rgb(31,119,243)
```
#1676fc
```
#1676fc rgb(22,118,252)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7785b4 Protanopia 1% of men
#7385b8 Deuteranopia 1% of men
#5c8e98 Tritanopia 0.001% of the population

Trichromacy

#6e84b4 Protanomaly 1% of men, 0.01% of women
#6c84b6 Deuteranomaly 6% of men, 0.4% of women
#5d89a2 Tritanomaly 0.01% of the population

#5f82b3 hex color

#5f82b3 Color Information

#5f82b3 Color Conversion

Color Schemes with #5f82b3

Alternatives to #5f82b3

#5f82b3 Preview

Shades and Tints of #5f82b3

Tones of #5f82b3

Color Blindness Simulator