#5b81df hex color

In a RGB color space, hex #5b81df is composed of 35.7% red, 50.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 42.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 222.7 degrees, a saturation of 67.3% and a lightness of 61.6%. #5b81df color hex could be obtained by blending #b6ffff with #0003bf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 87
RGB color chart
- C 59
- M 42
- Y 0
- K 13
CMYK color chart

● #5b81df color description : Soft blue.

The hexadecimal color #5b81df has RGB values of R:91, G:129, B:223 and CMYK values of C:0.59, M:0.42, Y:0, K:0.13. Its decimal value is 5997023.

Hex triplet	5b81df	`#5b81df`
RGB Decimal	91, 129, 223	`rgb(91,129,223)`
RGB Percent	35.7, 50.6, 87.5	`rgb(35.7%,50.6%,87.5%)`
CMYK	59, 42, 0, 13
HSL	222.7°, 67.3, 61.6	`hsl(222.7,67.3%,61.6%)`
HSV (or HSB)	222.7°, 59.2, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.33, 14.944, -52.025
XYZ	25.481, 23.251, 72.953
xyY	0.209, 0.191, 23.251
CIE-LCH	55.33, 54.129, 286.027
CIE-LUV	55.33, -18.695, -83.09
Hunter-Lab	48.219, 9.943, -55.949
Binary	01011011, 10000001, 11011111

#5b81df
```
#5b81df rgb(91,129,223)
```
#dfb95b
```
#dfb95b rgb(223,185,91)
```

Complementary Color

#5bc3df
```
#5bc3df rgb(91,195,223)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#775bdf
```
#775bdf rgb(119,91,223)
```

Analogous Color

#c3df5b
```
#c3df5b rgb(195,223,91)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#df775b
```
#df775b rgb(223,119,91)
```

Split Complementary Color

#81df5b
```
#81df5b rgb(129,223,91)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#df5b81
```
#df5b81 rgb(223,91,129)
```

Triadic Color

#5bdfb9
```
#5bdfb9 rgb(91,223,185)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#df5b81
```
#df5b81 rgb(223,91,129)
```
#dfb95b
```
#dfb95b rgb(223,185,91)
```

Tetradic Color

#2755c7
```
#2755c7 rgb(39,85,199)
```
#3060d7
```
#3060d7 rgb(48,96,215)
```
#4671db
```
#4671db rgb(70,113,219)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#7091e3
```
#7091e3 rgb(112,145,227)
```
#86a2e7
```
#86a2e7 rgb(134,162,231)
```
#9bb2eb
```
#9bb2eb rgb(155,178,235)
```

Monochromatic Color

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

#5ba2df
```
#5ba2df rgb(91,162,223)
```
#5b97df
```
#5b97df rgb(91,151,223)
```
#5b8cdf
```
#5b8cdf rgb(91,140,223)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#5b76df
```
#5b76df rgb(91,118,223)
```
#5b6bdf
```
#5b6bdf rgb(91,107,223)
```
#5b60df
```
#5b60df rgb(91,96,223)
```

Similar Colors

Text with hexadecimal color #5b81df

This text has a font color of #5b81df.

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

#5b81df background color

This paragraph has a background color of #5b81df.

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

#5b81df border color

This element has a border color of #5b81df.

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

CSS codes

.text {color:#5b81df;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030711
```
#030711 rgb(3,7,17)
```
#060e21
```
#060e21 rgb(6,14,33)
```
#0a1531
```
#0a1531 rgb(10,21,49)
```
#0d1c42
```
#0d1c42 rgb(13,28,66)
```
#102352
```
#102352 rgb(16,35,82)
```
#132a63
```
#132a63 rgb(19,42,99)
```
#163173
```
#163173 rgb(22,49,115)
```
#1a3883
```
#1a3883 rgb(26,56,131)
```
#1d3f94
```
#1d3f94 rgb(29,63,148)
```
#2046a4
```
#2046a4 rgb(32,70,164)
```
#234db5
```
#234db5 rgb(35,77,181)
```
#2654c5
```
#2654c5 rgb(38,84,197)
```

Shade Color Variation

#2a5bd5
```
#2a5bd5 rgb(42,91,213)
```
#3a68d9
```
#3a68d9 rgb(58,104,217)
```
#4b74dc
```
#4b74dc rgb(75,116,220)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#6b8ee2
```
#6b8ee2 rgb(107,142,226)
```
#7c9ae5
```
#7c9ae5 rgb(124,154,229)
```
#8ca7e9
```
#8ca7e9 rgb(140,167,233)
```
#9db3ec
```
#9db3ec rgb(157,179,236)
```
#adc0ef
```
#adc0ef rgb(173,192,239)
```
#bdcdf2
```
#bdcdf2 rgb(189,205,242)
```
#ced9f5
```
#ced9f5 rgb(206,217,245)
```
#dee6f9
```
#dee6f9 rgb(222,230,249)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ba3 is the less saturated color, while #3d74fd is the most saturated one.

#979ba3
```
#979ba3 rgb(151,155,163)
```
#9097aa
```
#9097aa rgb(144,151,170)
```
#8894b2
```
#8894b2 rgb(136,148,178)
```
#8191b9
```
#8191b9 rgb(129,145,185)
```
#798ec1
```
#798ec1 rgb(121,142,193)
```
#728bc8
```
#728bc8 rgb(114,139,200)
```
#6a87d0
```
#6a87d0 rgb(106,135,208)
```
#6384d7
```
#6384d7 rgb(99,132,215)
```
#5b81df
```
#5b81df rgb(91,129,223)
```
#537ee7
```
#537ee7 rgb(83,126,231)
```
#4c7bee
```
#4c7bee rgb(76,123,238)
```
#4477f6
```
#4477f6 rgb(68,119,246)
```
#3d74fd
```
#3d74fd rgb(61,116,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#798093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6087e1 Protanopia 1% of men
#498cde Deuteranopia 1% of men
#3d96a1 Tritanopia 0.001% of the population

Trichromacy

#5e85e0 Protanomaly 1% of men, 0.01% of women
#4f88de Deuteranomaly 6% of men, 0.4% of women
#488eb7 Tritanomaly 0.01% of the population

#5b81df hex color

#5b81df Color Information

#5b81df Color Conversion

Color Schemes with #5b81df

Alternatives to #5b81df

#5b81df Preview

Shades and Tints of #5b81df

Tones of #5b81df

Color Blindness Simulator