#5b82cf hex color

In a RGB color space, hex #5b82cf is composed of 35.7% red, 51% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 37.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 219.8 degrees, a saturation of 54.7% and a lightness of 58.4%. #5b82cf color hex could be obtained by blending #b6ffff with #00059f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 81
RGB color chart
- C 56
- M 37
- Y 0
- K 19
CMYK color chart

● #5b82cf color description : Moderate blue.

The hexadecimal color #5b82cf has RGB values of R:91, G:130, B:207 and CMYK values of C:0.56, M:0.37, Y:0, K:0.19. Its decimal value is 5997263.

Hex triplet	5b82cf	`#5b82cf`
RGB Decimal	91, 130, 207	`rgb(91,130,207)`
RGB Percent	35.7, 51, 81.2	`rgb(35.7%,51%,81.2%)`
CMYK	56, 37, 0, 19
HSL	219.8°, 54.7, 58.4	`hsl(219.8,54.7%,58.4%)`
HSV (or HSB)	219.8°, 56, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.755, 9.095, -43.928
XYZ	23.557, 22.693, 62.167
xyY	0.217, 0.209, 22.693
CIE-LCH	54.755, 44.86, 281.698
CIE-LUV	54.755, -18.975, -69.26
Hunter-Lab	47.637, 4.904, -44.028
Binary	01011011, 10000010, 11001111

#5b82cf
```
#5b82cf rgb(91,130,207)
```
#cfa85b
```
#cfa85b rgb(207,168,91)
```

Complementary Color

#5bbccf
```
#5bbccf rgb(91,188,207)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#6e5bcf
```
#6e5bcf rgb(110,91,207)
```

Analogous Color

#bccf5b
```
#bccf5b rgb(188,207,91)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#cf6e5b
```
#cf6e5b rgb(207,110,91)
```

Split Complementary Color

#82cf5b
```
#82cf5b rgb(130,207,91)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#cf5b82
```
#cf5b82 rgb(207,91,130)
```

Triadic Color

#5bcfa8
```
#5bcfa8 rgb(91,207,168)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#cf5b82
```
#cf5b82 rgb(207,91,130)
```
#cfa85b
```
#cfa85b rgb(207,168,91)
```

Tetradic Color

#325bab
```
#325bab rgb(50,91,171)
```
#3865bf
```
#3865bf rgb(56,101,191)
```
#4773c9
```
#4773c9 rgb(71,115,201)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#6f91d5
```
#6f91d5 rgb(111,145,213)
```
#82a0db
```
#82a0db rgb(130,160,219)
```
#96afe0
```
#96afe0 rgb(150,175,224)
```

Monochromatic Color

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

#5b9fcf
```
#5b9fcf rgb(91,159,207)
```
#5b95cf
```
#5b95cf rgb(91,149,207)
```
#5b8ccf
```
#5b8ccf rgb(91,140,207)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#5b78cf
```
#5b78cf rgb(91,120,207)
```
#5b6fcf
```
#5b6fcf rgb(91,111,207)
```
#5b65cf
```
#5b65cf rgb(91,101,207)
```

Similar Colors

Text with hexadecimal color #5b82cf

This text has a font color of #5b82cf.

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

#5b82cf background color

This paragraph has a background color of #5b82cf.

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

#5b82cf border color

This element has a border color of #5b82cf.

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

CSS codes

.text {color:#5b82cf;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#0a1221
```
#0a1221 rgb(10,18,33)
```
#0e1a30
```
#0e1a30 rgb(14,26,48)
```
#132240
```
#132240 rgb(19,34,64)
```
#172a4f
```
#172a4f rgb(23,42,79)
```
#1c325e
```
#1c325e rgb(28,50,94)
```
#203a6d
```
#203a6d rgb(32,58,109)
```
#24427c
```
#24427c rgb(36,66,124)
```
#294a8b
```
#294a8b rgb(41,74,139)
```
#2d529b
```
#2d529b rgb(45,82,155)
```
#325aaa
```
#325aaa rgb(50,90,170)
```
#3662b9
```
#3662b9 rgb(54,98,185)
```

Shade Color Variation

#3d6bc6
```
#3d6bc6 rgb(61,107,198)
```
#4c76cb
```
#4c76cb rgb(76,118,203)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#6a8ed3
```
#6a8ed3 rgb(106,142,211)
```
#7999d8
```
#7999d8 rgb(121,153,216)
```
#89a5dc
```
#89a5dc rgb(137,165,220)
```
#98b0e1
```
#98b0e1 rgb(152,176,225)
```
#a7bce5
```
#a7bce5 rgb(167,188,229)
```
#b6c7ea
```
#b6c7ea rgb(182,199,234)
```
#c5d3ee
```
#c5d3ee rgb(197,211,238)
```
#d4dff3
```
#d4dff3 rgb(212,223,243)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#949596
```
#949596 rgb(148,149,150)
```
#8c929e
```
#8c929e rgb(140,146,158)
```
#848fa6
```
#848fa6 rgb(132,143,166)
```
#7c8dae
```
#7c8dae rgb(124,141,174)
```
#738ab7
```
#738ab7 rgb(115,138,183)
```
#6b87bf
```
#6b87bf rgb(107,135,191)
```
#6385c7
```
#6385c7 rgb(99,133,199)
```
#5b82cf
```
#5b82cf rgb(91,130,207)
```
#537fd7
```
#537fd7 rgb(83,127,215)
```
#4b7ddf
```
#4b7ddf rgb(75,125,223)
```
#437ae7
```
#437ae7 rgb(67,122,231)
```
#3a77f0
```
#3a77f0 rgb(58,119,240)
```
#3275f8
```
#3275f8 rgb(50,117,248)
```

Tone Color Variation

Below, you can see how #5b82cf 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
#78808f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b87d0 Protanopia 1% of men
#5d89d1 Deuteranopia 1% of men
#49939e Tritanopia 0.001% of the population

Trichromacy

#6585cf Protanomaly 1% of men, 0.01% of women
#5c86d0 Deuteranomaly 6% of men, 0.4% of women
#508db0 Tritanomaly 0.01% of the population

#5b82cf hex color

#5b82cf Color Information

#5b82cf Color Conversion

Color Schemes with #5b82cf

Alternatives to #5b82cf

#5b82cf Preview

Shades and Tints of #5b82cf

Tones of #5b82cf

Color Blindness Simulator