colorhexa.com

#515fc5 hex color

In a RGB color space, hex #515fc5 is composed of 31.8% red, 37.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 51.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 232.8 degrees, a saturation of 50% and a lightness of 54.5%. #515fc5 color hex could be obtained by blending #a2beff with #00008b. Closest websafe color is: #6666cc.

- R 32
- G 37
- B 77
RGB color chart
- C 59
- M 52
- Y 0
- K 23
CMYK color chart

● #515fc5 color description : Moderate blue.

The hexadecimal color #515fc5 has RGB values of R:81, G:95, B:197 and CMYK values of C:0.59, M:0.52, Y:0, K:0.23. Its decimal value is 5332933.

Hex triplet	515fc5	`#515fc5`
RGB Decimal	81, 95, 197	`rgb(81,95,197)`
RGB Percent	31.8, 37.3, 77.3	`rgb(31.8%,37.3%,77.3%)`
CMYK	59, 52, 0, 23
HSL	232.8°, 50, 54.5	`hsl(232.8,50%,54.5%)`
HSV (or HSB)	232.8°, 58.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.181, 25.378, -55.123
XYZ	17.562, 13.964, 54.59
xyY	0.204, 0.162, 13.964
CIE-LCH	44.181, 60.685, 294.721
CIE-LUV	44.181, -10.389, -84.282
Hunter-Lab	37.369, 18.492, -60.456
Binary	01010001, 01011111, 11000101

#515fc5
```
#515fc5 rgb(81,95,197)
```
#c5b751
```
#c5b751 rgb(197,183,81)
```

Complementary Color

#5199c5
```
#5199c5 rgb(81,153,197)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#7d51c5
```
#7d51c5 rgb(125,81,197)
```

Analogous Color

#99c551
```
#99c551 rgb(153,197,81)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#c57d51
```
#c57d51 rgb(197,125,81)
```

Split Complementary Color

#5fc551
```
#5fc551 rgb(95,197,81)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#c5515f
```
#c5515f rgb(197,81,95)
```

Triadic Color

#51c5b7
```
#51c5b7 rgb(81,197,183)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#c5515f
```
#c5515f rgb(197,81,95)
```
#c5b751
```
#c5b751 rgb(197,183,81)
```

Tetradic Color

#323f97
```
#323f97 rgb(50,63,151)
```
#3946aa
```
#3946aa rgb(57,70,170)
```
#3f4ebd
```
#3f4ebd rgb(63,78,189)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#6471cb
```
#6471cb rgb(100,113,203)
```
#7782d2
```
#7782d2 rgb(119,130,210)
```
#8a94d8
```
#8a94d8 rgb(138,148,216)
```

Monochromatic Color

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

#517cc5
```
#517cc5 rgb(81,124,197)
```
#5172c5
```
#5172c5 rgb(81,114,197)
```
#5169c5
```
#5169c5 rgb(81,105,197)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#5155c5
```
#5155c5 rgb(81,85,197)
```
#5651c5
```
#5651c5 rgb(86,81,197)
```
#6051c5
```
#6051c5 rgb(96,81,197)
```

Similar Colors

Text with hexadecimal color #515fc5

This text has a font color of #515fc5.

<span style="color:#515fc5;">Text here</span>

#515fc5 background color

This paragraph has a background color of #515fc5.

<p style="background-color:#515fc5;">Content here</p>

#515fc5 border color

This element has a border color of #515fc5.

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

CSS codes

.text {color:#515fc5;}

.background {background-color:#515fc5;}

.border {border:1px solid #515fc5;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060711
```
#060711 rgb(6,7,17)
```
#0b0d20
```
#0b0d20 rgb(11,13,32)
```
#10132f
```
#10132f rgb(16,19,47)
```
#14193d
```
#14193d rgb(20,25,61)
```
#191f4c
```
#191f4c rgb(25,31,76)
```
#1e265b
```
#1e265b rgb(30,38,91)
```
#232c6a
```
#232c6a rgb(35,44,106)
```
#283278
```
#283278 rgb(40,50,120)
```
#2d3887
```
#2d3887 rgb(45,56,135)
```
#323e96
```
#323e96 rgb(50,62,150)
```
#3744a4
```
#3744a4 rgb(55,68,164)
```
#3c4ab3
```
#3c4ab3 rgb(60,74,179)
```

Shade Color Variation

#4251c0
```
#4251c0 rgb(66,81,192)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#606dca
```
#606dca rgb(96,109,202)
```
#6e7acf
```
#6e7acf rgb(110,122,207)
```
#7d88d4
```
#7d88d4 rgb(125,136,212)
```
#8c95d9
```
#8c95d9 rgb(140,149,217)
```
#9ba3de
```
#9ba3de rgb(155,163,222)
```
#a9b0e2
```
#a9b0e2 rgb(169,176,226)
```
#b8bee7
```
#b8bee7 rgb(184,190,231)
```
#c7cbec
```
#c7cbec rgb(199,203,236)
```
#d5d9f1
```
#d5d9f1 rgb(213,217,241)
```
#e4e6f6
```
#e4e6f6 rgb(228,230,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#87888f
```
#87888f rgb(135,136,143)
```
#7e8198
```
#7e8198 rgb(126,129,152)
```
#757aa1
```
#757aa1 rgb(117,122,161)
```
#6c73aa
```
#6c73aa rgb(108,115,170)
```
#636db3
```
#636db3 rgb(99,109,179)
```
#5a66bc
```
#5a66bc rgb(90,102,188)
```
#515fc5
```
#515fc5 rgb(81,95,197)
```
#4858ce
```
#4858ce rgb(72,88,206)
```
#3f51d7
```
#3f51d7 rgb(63,81,215)
```
#364be0
```
#364be0 rgb(54,75,224)
```
#2d44e9
```
#2d44e9 rgb(45,68,233)
```
#243df2
```
#243df2 rgb(36,61,242)
```
#1b36fb
```
#1b36fb rgb(27,54,251)
```

Tone Color Variation

Below, you can see how #515fc5 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

#666666 Achromatopsia 0.005% of the population
#626579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e6dcd Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#317982 Tritanopia 0.001% of the population

Trichromacy

#3b67ca Protanomaly 1% of men, 0.01% of women
#1d6bc0 Deuteranomaly 6% of men, 0.4% of women
#3c6f9a Tritanomaly 0.01% of the population