colorhexa.com

#5f51aa hex color

In a RGB color space, hex #5f51aa is composed of 37.3% red, 31.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 52.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 249.4 degrees, a saturation of 35.5% and a lightness of 49.2%. #5f51aa color hex could be obtained by blending #bea2ff with #000055. Closest websafe color is: #666699.

- R 37
- G 32
- B 67
RGB color chart
- C 44
- M 52
- Y 0
- K 33
CMYK color chart

● #5f51aa color description : Dark moderate blue.

The hexadecimal color #5f51aa has RGB values of R:95, G:81, B:170 and CMYK values of C:0.44, M:0.52, Y:0, K:0.33. Its decimal value is 6246826.

Hex triplet	5f51aa	`#5f51aa`
RGB Decimal	95, 81, 170	`rgb(95,81,170)`
RGB Percent	37.3, 31.8, 66.7	`rgb(37.3%,31.8%,66.7%)`
CMYK	44, 52, 0, 33
HSL	249.4°, 35.5, 49.2	`hsl(249.4,35.5%,49.2%)`
HSV (or HSB)	249.4°, 52.4, 66.7
Web Safe	666699	`#666699`

CIE-LAB	39.948, 28.541, -46.067
XYZ	14.916, 11.22, 39.408
xyY	0.228, 0.171, 11.22
CIE-LCH	39.948, 54.192, 301.78
CIE-LUV	39.948, 0.049, -69.25
Hunter-Lab	33.496, 20.87, -46.307
Binary	01011111, 01010001, 10101010

#5f51aa
```
#5f51aa rgb(95,81,170)
```
#9caa51
```
#9caa51 rgb(156,170,81)
```

Complementary Color

#5170aa
```
#5170aa rgb(81,112,170)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#8c51aa
```
#8c51aa rgb(140,81,170)
```

Analogous Color

#70aa51
```
#70aa51 rgb(112,170,81)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#aa8c51
```
#aa8c51 rgb(170,140,81)
```

Split Complementary Color

#51aa5f
```
#51aa5f rgb(81,170,95)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#aa5f51
```
#aa5f51 rgb(170,95,81)
```

Triadic Color

#519caa
```
#519caa rgb(81,156,170)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#aa5f51
```
#aa5f51 rgb(170,95,81)
```
#9caa51
```
#9caa51 rgb(156,170,81)
```

Tetradic Color

#423876
```
#423876 rgb(66,56,118)
```
#4c4187
```
#4c4187 rgb(76,65,135)
```
#554999
```
#554999 rgb(85,73,153)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#6e61b4
```
#6e61b4 rgb(110,97,180)
```
#7e72bc
```
#7e72bc rgb(126,114,188)
```
#8e83c4
```
#8e83c4 rgb(142,131,196)
```

Monochromatic Color

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

#5159aa
```
#5159aa rgb(81,89,170)
```
#5152aa
```
#5152aa rgb(81,82,170)
```
#5851aa
```
#5851aa rgb(88,81,170)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#6651aa
```
#6651aa rgb(102,81,170)
```
#6e51aa
```
#6e51aa rgb(110,81,170)
```
#7551aa
```
#7551aa rgb(117,81,170)
```

Similar Colors

Text with hexadecimal color #5f51aa

This text has a font color of #5f51aa.

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

#5f51aa background color

This paragraph has a background color of #5f51aa.

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

#5f51aa border color

This element has a border color of #5f51aa.

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

CSS codes

.text {color:#5f51aa;}

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

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

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, #06050b is the darkest color, while #fdfcfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0d0b18
```
#0d0b18 rgb(13,11,24)
```
#151225
```
#151225 rgb(21,18,37)
```
#1c1832
```
#1c1832 rgb(28,24,50)
```
#241e40
```
#241e40 rgb(36,30,64)
```
#2b254d
```
#2b254d rgb(43,37,77)
```
#322b5a
```
#322b5a rgb(50,43,90)
```
#3a3168
```
#3a3168 rgb(58,49,104)
```
#413875
```
#413875 rgb(65,56,117)
```
#493e82
```
#493e82 rgb(73,62,130)
```
#50448f
```
#50448f rgb(80,68,143)
```
#584b9d
```
#584b9d rgb(88,75,157)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```

Shade Color Variation

#6a5db2
```
#6a5db2 rgb(106,93,178)
```
#766ab8
```
#766ab8 rgb(118,106,184)
```
#8377be
```
#8377be rgb(131,119,190)
```
#8f85c5
```
#8f85c5 rgb(143,133,197)
```
#9b92cb
```
#9b92cb rgb(155,146,203)
```
#a79fd1
```
#a79fd1 rgb(167,159,209)
```
#b3add8
```
#b3add8 rgb(179,173,216)
```
#c0bade
```
#c0bade rgb(192,186,222)
```
#ccc7e4
```
#ccc7e4 rgb(204,199,228)
```
#d8d4eb
```
#d8d4eb rgb(216,212,235)
```
#e4e2f1
```
#e4e2f1 rgb(228,226,241)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#797883
```
#797883 rgb(121,120,131)
```
#736e8d
```
#736e8d rgb(115,110,141)
```
#6c6497
```
#6c6497 rgb(108,100,151)
```
#665ba0
```
#665ba0 rgb(102,91,160)
```
#5f51aa
```
#5f51aa rgb(95,81,170)
```
#5847b4
```
#5847b4 rgb(88,71,180)
```
#523ebd
```
#523ebd rgb(82,62,189)
```
#4b34c7
```
#4b34c7 rgb(75,52,199)
```
#452ad1
```
#452ad1 rgb(69,42,209)
```
#3e21da
```
#3e21da rgb(62,33,218)
```
#3717e4
```
#3717e4 rgb(55,23,228)
```
#310dee
```
#310dee rgb(49,13,238)
```
#2a04f7
```
#2a04f7 rgb(42,4,247)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5f5c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3363b6 Protanopia 1% of men
#2967a9 Deuteranopia 1% of men
#536a71 Tritanopia 0.001% of the population

Trichromacy

#435cb2 Protanomaly 1% of men, 0.01% of women
#3c5fa9 Deuteranomaly 6% of men, 0.4% of women
#576086 Tritanomaly 0.01% of the population