#5158fc hex color

In a RGB color space, hex #5158fc is composed of 31.8% red, 34.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 65.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 237.5 degrees, a saturation of 96.6% and a lightness of 65.3%. #5158fc color hex could be obtained by blending #a2b0ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 35
- B 99
RGB color chart
- C 68
- M 65
- Y 0
- K 1
CMYK color chart

● #5158fc color description : Soft blue.

The hexadecimal color #5158fc has RGB values of R:81, G:88, B:252 and CMYK values of C:0.68, M:0.65, Y:0, K:0.01. Its decimal value is 5331196.

Hex triplet	5158fc	`#5158fc`
RGB Decimal	81, 88, 252	`rgb(81,88,252)`
RGB Percent	31.8, 34.5, 98.8	`rgb(31.8%,34.5%,98.8%)`
CMYK	68, 65, 0, 1
HSL	237.5°, 96.6, 65.3	`hsl(237.5,96.6%,65.3%)`
HSV (or HSB)	237.5°, 67.9, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.652, 47.94, -82.31
XYZ	24.45, 15.756, 93.843
xyY	0.182, 0.118, 15.756
CIE-LCH	46.652, 95.253, 300.218
CIE-LUV	46.652, -10.613, -125.458
Hunter-Lab	39.693, 40.488, -112.387
Binary	01010001, 01011000, 11111100

#5158fc
```
#5158fc rgb(81,88,252)
```
#fcf551
```
#fcf551 rgb(252,245,81)
```

Complementary Color

#51aefc
```
#51aefc rgb(81,174,252)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#a051fc
```
#a051fc rgb(160,81,252)
```

Analogous Color

#aefc51
```
#aefc51 rgb(174,252,81)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#fca051
```
#fca051 rgb(252,160,81)
```

Split Complementary Color

#58fc51
```
#58fc51 rgb(88,252,81)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#fc5158
```
#fc5158 rgb(252,81,88)
```

Triadic Color

#51fcf5
```
#51fcf5 rgb(81,252,245)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#fc5158
```
#fc5158 rgb(252,81,88)
```
#fcf551
```
#fcf551 rgb(252,245,81)
```

Tetradic Color

#0610fb
```
#0610fb rgb(6,16,251)
```
#1f28fb
```
#1f28fb rgb(31,40,251)
```
#3840fc
```
#3840fc rgb(56,64,252)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#6a70fc
```
#6a70fc rgb(106,112,252)
```
#8388fd
```
#8388fd rgb(131,136,253)
```
#9ca0fd
```
#9ca0fd rgb(156,160,253)
```

Monochromatic Color

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

#5183fc
```
#5183fc rgb(81,131,252)
```
#5175fc
```
#5175fc rgb(81,117,252)
```
#5166fc
```
#5166fc rgb(81,102,252)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#5851fc
```
#5851fc rgb(88,81,252)
```
#6751fc
```
#6751fc rgb(103,81,252)
```
#7551fc
```
#7551fc rgb(117,81,252)
```

Similar Colors

Text with hexadecimal color #5158fc

This text has a font color of #5158fc.

<span style="color:#5158fc;">Text here</span>

#5158fc background color

This paragraph has a background color of #5158fc.

<p style="background-color:#5158fc;">Content here</p>

#5158fc border color

This element has a border color of #5158fc.

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

CSS codes

.text {color:#5158fc;}

.background {background-color:#5158fc;}

.border {border:1px solid #5158fc;}

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

#000113
```
#000113 rgb(0,1,19)
```
#010226
```
#010226 rgb(1,2,38)
```
#010339
```
#010339 rgb(1,3,57)
```
#01044d
```
#01044d rgb(1,4,77)
```
#020660
```
#020660 rgb(2,6,96)
```
#020773
```
#020773 rgb(2,7,115)
```
#020887
```
#020887 rgb(2,8,135)
```
#03099a
```
#03099a rgb(3,9,154)
```
#030aad
```
#030aad rgb(3,10,173)
```
#030bc0
```
#030bc0 rgb(3,11,192)
```
#040cd4
```
#040cd4 rgb(4,12,212)
```
#040de7
```
#040de7 rgb(4,13,231)
```
#040efa
```
#040efa rgb(4,14,250)
```

Shade Color Variation

#1720fb
```
#1720fb rgb(23,32,251)
```
#2a33fb
```
#2a33fb rgb(42,51,251)
```
#3e45fc
```
#3e45fc rgb(62,69,252)
```
#5158fc
```
#5158fc rgb(81,88,252)
```
#646bfc
```
#646bfc rgb(100,107,252)
```
#787dfd
```
#787dfd rgb(120,125,253)
```
#8b90fd
```
#8b90fd rgb(139,144,253)
```
#9ea2fd
```
#9ea2fd rgb(158,162,253)
```
#b1b5fe
```
#b1b5fe rgb(177,181,254)
```
#c5c7fe
```
#c5c7fe rgb(197,199,254)
```
#d8dafe
```
#d8dafe rgb(216,218,254)
```
#ebecff
```
#ebecff rgb(235,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a3a3aa
```
#a3a3aa rgb(163,163,170)
```
#9c9db1
```
#9c9db1 rgb(156,157,177)
```
#9597b8
```
#9597b8 rgb(149,151,184)
```
#8e90bf
```
#8e90bf rgb(142,144,191)
```
#878ac6
```
#878ac6 rgb(135,138,198)
```
#8184cc
```
#8184cc rgb(129,132,204)
```
#7a7ed3
```
#7a7ed3 rgb(122,126,211)
```
#7377da
```
#7377da rgb(115,119,218)
```
#6c71e1
```
#6c71e1 rgb(108,113,225)
```
#656be8
```
#656be8 rgb(101,107,232)
```
#5f65ee
```
#5f65ee rgb(95,101,238)
```
#585ef5
```
#585ef5 rgb(88,94,245)
```
#5158fc
```
#5158fc rgb(81,88,252)
```

Tone Color Variation

Below, you can see how #5158fc 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

#696969 Achromatopsia 0.005% of the population
#646686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1d68e9 Protanomaly 1% of men, 0.01% of women
#1d6dd7 Deuteranomaly 6% of men, 0.4% of women
#1d72b3 Tritanomaly 0.01% of the population

#5158fc hex color

#5158fc Color Information

#5158fc Color Conversion

Color Schemes with #5158fc

Alternatives to #5158fc

#5158fc Preview

Shades and Tints of #5158fc

Tones of #5158fc

Color Blindness Simulator