colorhexa.com

#5f55a5 hex color

In a RGB color space, hex #5f55a5 is composed of 37.3% red, 33.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 48.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 247.5 degrees, a saturation of 32% and a lightness of 49%. #5f55a5 color hex could be obtained by blending #beaaff with #00004b. Closest websafe color is: #666699.

- R 37
- G 33
- B 65
RGB color chart
- C 42
- M 48
- Y 0
- K 35
CMYK color chart

● #5f55a5 color description : Dark moderate blue.

The hexadecimal color #5f55a5 has RGB values of R:95, G:85, B:165 and CMYK values of C:0.42, M:0.48, Y:0, K:0.35. Its decimal value is 6247845.

Hex triplet	5f55a5	`#5f55a5`
RGB Decimal	95, 85, 165	`rgb(95,85,165)`
RGB Percent	37.3, 33.3, 64.7	`rgb(37.3%,33.3%,64.7%)`
CMYK	42, 48, 0, 35
HSL	247.5°, 32, 49	`hsl(247.5,32%,49%)`
HSV (or HSB)	247.5°, 48.5, 64.7
Web Safe	666699	`#666699`

CIE-LAB	40.648, 24.567, -41.978
XYZ	14.758, 11.646, 37.066
xyY	0.233, 0.183, 11.646
CIE-LCH	40.648, 48.639, 300.338
CIE-LUV	40.648, -0.787, -63.254
Hunter-Lab	34.127, 17.471, -40.508
Binary	01011111, 01010101, 10100101

#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#9ba555
```
#9ba555 rgb(155,165,85)
```

Complementary Color

#5573a5
```
#5573a5 rgb(85,115,165)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#8755a5
```
#8755a5 rgb(135,85,165)
```

Analogous Color

#73a555
```
#73a555 rgb(115,165,85)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#a58755
```
#a58755 rgb(165,135,85)
```

Split Complementary Color

#55a55f
```
#55a55f rgb(85,165,95)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#a55f55
```
#a55f55 rgb(165,95,85)
```

Triadic Color

#559ba5
```
#559ba5 rgb(85,155,165)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#a55f55
```
#a55f55 rgb(165,95,85)
```
#9ba555
```
#9ba555 rgb(155,165,85)
```

Tetradic Color

#423b73
```
#423b73 rgb(66,59,115)
```
#4c4483
```
#4c4483 rgb(76,68,131)
```
#554c94
```
#554c94 rgb(85,76,148)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#6e64af
```
#6e64af rgb(110,100,175)
```
#7d75b8
```
#7d75b8 rgb(125,117,184)
```
#8d86c1
```
#8d86c1 rgb(141,134,193)
```

Monochromatic Color

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

#555fa5
```
#555fa5 rgb(85,95,165)
```
#5558a5
```
#5558a5 rgb(85,88,165)
```
#5855a5
```
#5855a5 rgb(88,85,165)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#6655a5
```
#6655a5 rgb(102,85,165)
```
#6c55a5
```
#6c55a5 rgb(108,85,165)
```
#7355a5
```
#7355a5 rgb(115,85,165)
```

Similar Colors

Text with hexadecimal color #5f55a5

This text has a font color of #5f55a5.

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

#5f55a5 background color

This paragraph has a background color of #5f55a5.

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

#5f55a5 border color

This element has a border color of #5f55a5.

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

CSS codes

.text {color:#5f55a5;}

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

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

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

#06050a
```
#06050a rgb(6,5,10)
```
#0d0c17
```
#0d0c17 rgb(13,12,23)
```
#141224
```
#141224 rgb(20,18,36)
```
#1c1930
```
#1c1930 rgb(28,25,48)
```
#23203d
```
#23203d rgb(35,32,61)
```
#2b264a
```
#2b264a rgb(43,38,74)
```
#322d57
```
#322d57 rgb(50,45,87)
```
#3a3464
```
#3a3464 rgb(58,52,100)
```
#413a71
```
#413a71 rgb(65,58,113)
```
#49417e
```
#49417e rgb(73,65,126)
```
#50488b
```
#50488b rgb(80,72,139)
```
#584e98
```
#584e98 rgb(88,78,152)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```

Shade Color Variation

#6a60ad
```
#6a60ad rgb(106,96,173)
```
#766db4
```
#766db4 rgb(118,109,180)
```
#827abb
```
#827abb rgb(130,122,187)
```
#8e87c1
```
#8e87c1 rgb(142,135,193)
```
#9b94c8
```
#9b94c8 rgb(155,148,200)
```
#a7a1cf
```
#a7a1cf rgb(167,161,207)
```
#b3aed5
```
#b3aed5 rgb(179,174,213)
```
#bfbbdc
```
#bfbbdc rgb(191,187,220)
```
#cbc8e3
```
#cbc8e3 rgb(203,200,227)
```
#d7d5e9
```
#d7d5e9 rgb(215,213,233)
```
#e4e2f0
```
#e4e2f0 rgb(228,226,240)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7b7f is the less saturated color, while #2508f2 is the most saturated one.

#7c7b7f
```
#7c7b7f rgb(124,123,127)
```
#757288
```
#757288 rgb(117,114,136)
```
#6d6892
```
#6d6892 rgb(109,104,146)
```
#665f9b
```
#665f9b rgb(102,95,155)
```
#5f55a5
```
#5f55a5 rgb(95,85,165)
```
#584baf
```
#584baf rgb(88,75,175)
```
#5142b8
```
#5142b8 rgb(81,66,184)
```
#4938c2
```
#4938c2 rgb(73,56,194)
```
#422fcb
```
#422fcb rgb(66,47,203)
```
#3b25d5
```
#3b25d5 rgb(59,37,213)
```
#341bdf
```
#341bdf rgb(52,27,223)
```
#2d12e8
```
#2d12e8 rgb(45,18,232)
```
#2508f2
```
#2508f2 rgb(37,8,242)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#615f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4165b0 Protanopia 1% of men
#3a68a5 Deuteranopia 1% of men
#566b73 Tritanopia 0.001% of the population

Trichromacy

#4b5fac Protanomaly 1% of men, 0.01% of women
#4761a5 Deuteranomaly 6% of men, 0.4% of women
#596385 Tritanomaly 0.01% of the population