colorhexa.com

#5f83bc hex color

In a RGB color space, hex #5f83bc is composed of 37.3% red, 51.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 30.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 216.8 degrees, a saturation of 41% and a lightness of 55.5%. #5f83bc color hex could be obtained by blending #beffff with #000779. Closest websafe color is: #6699cc.

- R 37
- G 51
- B 74
RGB color chart
- C 49
- M 30
- Y 0
- K 26
CMYK color chart

● #5f83bc color description : Slightly desaturated blue.

The hexadecimal color #5f83bc has RGB values of R:95, G:131, B:188 and CMYK values of C:0.49, M:0.3, Y:0, K:0.26. Its decimal value is 6259644.

Hex triplet	5f83bc	`#5f83bc`
RGB Decimal	95, 131, 188	`rgb(95,131,188)`
RGB Percent	37.3, 51.4, 73.7	`rgb(37.3%,51.4%,73.7%)`
CMYK	49, 30, 0, 26
HSL	216.8°, 41, 55.5	`hsl(216.8,41%,55.5%)`
HSV (or HSB)	216.8°, 49.5, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.339, 3.394, -33.766
XYZ	21.911, 22.295, 50.723
xyY	0.231, 0.235, 22.295
CIE-LCH	54.339, 33.937, 275.74
CIE-LUV	54.339, -18.004, -52.088
Hunter-Lab	47.218, 0.199, -30.639
Binary	01011111, 10000011, 10111100

#5f83bc
```
#5f83bc rgb(95,131,188)
```
#bc985f
```
#bc985f rgb(188,152,95)
```

Complementary Color

#5fb2bc
```
#5fb2bc rgb(95,178,188)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#6a5fbc
```
#6a5fbc rgb(106,95,188)
```

Analogous Color

#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#bc6a5f
```
#bc6a5f rgb(188,106,95)
```

Split Complementary Color

#83bc5f
```
#83bc5f rgb(131,188,95)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#bc5f83
```
#bc5f83 rgb(188,95,131)
```

Triadic Color

#5fbc98
```
#5fbc98 rgb(95,188,152)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#bc5f83
```
#bc5f83 rgb(188,95,131)
```
#bc985f
```
#bc985f rgb(188,152,95)
```

Tetradic Color

#3d5e92
```
#3d5e92 rgb(61,94,146)
```
#4469a4
```
#4469a4 rgb(68,105,164)
```
#4d75b4
```
#4d75b4 rgb(77,117,180)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#7191c4
```
#7191c4 rgb(113,145,196)
```
#839fcb
```
#839fcb rgb(131,159,203)
```
#95add3
```
#95add3 rgb(149,173,211)
```

Monochromatic Color

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

#5f9abc
```
#5f9abc rgb(95,154,188)
```
#5f93bc
```
#5f93bc rgb(95,147,188)
```
#5f8bbc
```
#5f8bbc rgb(95,139,188)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#5f7bbc
```
#5f7bbc rgb(95,123,188)
```
#5f74bc
```
#5f74bc rgb(95,116,188)
```
#5f6cbc
```
#5f6cbc rgb(95,108,188)
```

Similar Colors

Text with hexadecimal color #5f83bc

This text has a font color of #5f83bc.

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

#5f83bc background color

This paragraph has a background color of #5f83bc.

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

#5f83bc border color

This element has a border color of #5f83bc.

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

CSS codes

.text {color:#5f83bc;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0e1622
```
#0e1622 rgb(14,22,34)
```
#141f2f
```
#141f2f rgb(20,31,47)
```
#1a273d
```
#1a273d rgb(26,39,61)
```
#1f304b
```
#1f304b rgb(31,48,75)
```
#253959
```
#253959 rgb(37,57,89)
```
#2b4267
```
#2b4267 rgb(43,66,103)
```
#314b75
```
#314b75 rgb(49,75,117)
```
#375482
```
#375482 rgb(55,84,130)
```
#3c5d90
```
#3c5d90 rgb(60,93,144)
```
#42669e
```
#42669e rgb(66,102,158)
```
#486fac
```
#486fac rgb(72,111,172)
```

Shade Color Variation

#5178b6
```
#5178b6 rgb(81,120,182)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#6d8ec2
```
#6d8ec2 rgb(109,142,194)
```
#7b98c8
```
#7b98c8 rgb(123,152,200)
```
#88a3cd
```
#88a3cd rgb(136,163,205)
```
#96aed3
```
#96aed3 rgb(150,174,211)
```
#a4b9d9
```
#a4b9d9 rgb(164,185,217)
```
#b2c3df
```
#b2c3df rgb(178,195,223)
```
#c0cee5
```
#c0cee5 rgb(192,206,229)
```
#ced9ea
```
#ced9ea rgb(206,217,234)
```
#dbe3f0
```
#dbe3f0 rgb(219,227,240)
```
#e9eef6
```
#e9eef6 rgb(233,238,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d90 is the less saturated color, while #2275f9 is the most saturated one.

#8b8d90
```
#8b8d90 rgb(139,141,144)
```
#828b99
```
#828b99 rgb(130,139,153)
```
#7989a2
```
#7989a2 rgb(121,137,162)
```
#7087ab
```
#7087ab rgb(112,135,171)
```
#6885b3
```
#6885b3 rgb(104,133,179)
```
#5f83bc
```
#5f83bc rgb(95,131,188)
```
#5681c5
```
#5681c5 rgb(86,129,197)
```
#4e7fcd
```
#4e7fcd rgb(78,127,205)
```
#457dd6
```
#457dd6 rgb(69,125,214)
```
#3c7bdf
```
#3c7bdf rgb(60,123,223)
```
#3379e8
```
#3379e8 rgb(51,121,232)
```
#2b77f0
```
#2b77f0 rgb(43,119,240)
```
#2275f9
```
#2275f9 rgb(34,117,249)
```

Tone Color Variation

Below, you can see how #5f83bc 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
#79808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586bd Protanopia 1% of men
#6f87c0 Deuteranopia 1% of men
#58909b Tritanopia 0.001% of the population

Trichromacy

#6d85bc Protanomaly 1% of men, 0.01% of women
#6985be Deuteranomaly 6% of men, 0.4% of women
#5b8ba7 Tritanomaly 0.01% of the population