#5f55aa hex color

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

♥
- f
- t
- g
- R 37
- G 33
- B 67
RGB color chart
- C 44
- M 50
- Y 0
- K 33
CMYK color chart

● #5f55aa color description : Dark moderate blue.

The hexadecimal color #5f55aa has RGB values of R:95, G:85, B:170 and CMYK values of C:0.44, M:0.5, Y:0, K:0.33. Its decimal value is 6247850.

Hex triplet	5f55aa	`#5f55aa`
RGB Decimal	95, 85, 170	`rgb(95,85,170)`
RGB Percent	37.3, 33.3, 66.7	`rgb(37.3%,33.3%,66.7%)`
CMYK	44, 50, 0, 33
HSL	247.1°, 33.3, 50	`hsl(247.1,33.3%,50%)`
HSV (or HSB)	247.1°, 50, 66.7
Web Safe	666699	`#666699`

CIE-LAB	40.948, 26.065, -44.466
XYZ	15.222, 11.832, 39.51
xyY	0.229, 0.178, 11.832
CIE-LCH	40.948, 51.543, 300.378
CIE-LUV	40.948, -1.171, -67.172
Hunter-Lab	34.397, 18.797, -44.024
Binary	01011111, 01010101, 10101010

#5f55aa
```
#5f55aa rgb(95,85,170)
```
#a0aa55
```
#a0aa55 rgb(160,170,85)
```

Complementary Color

#5576aa
```
#5576aa rgb(85,118,170)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#8a55aa
```
#8a55aa rgb(138,85,170)
```

Analogous Color

#76aa55
```
#76aa55 rgb(118,170,85)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#aa8a55
```
#aa8a55 rgb(170,138,85)
```

Split Complementary Color

#55aa5f
```
#55aa5f rgb(85,170,95)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#aa5f55
```
#aa5f55 rgb(170,95,85)
```

Triadic Color

#55a0aa
```
#55a0aa rgb(85,160,170)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#aa5f55
```
#aa5f55 rgb(170,95,85)
```
#a0aa55
```
#a0aa55 rgb(160,170,85)
```

Tetradic Color

#433c77
```
#433c77 rgb(67,60,119)
```
#4c4488
```
#4c4488 rgb(76,68,136)
```
#564d99
```
#564d99 rgb(86,77,153)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#6f66b3
```
#6f66b3 rgb(111,102,179)
```
#7f77bb
```
#7f77bb rgb(127,119,187)
```
#8f88c4
```
#8f88c4 rgb(143,136,196)
```

Monochromatic Color

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

#5560aa
```
#5560aa rgb(85,96,170)
```
#5559aa
```
#5559aa rgb(85,89,170)
```
#5855aa
```
#5855aa rgb(88,85,170)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#6655aa
```
#6655aa rgb(102,85,170)
```
#6d55aa
```
#6d55aa rgb(109,85,170)
```
#7455aa
```
#7455aa rgb(116,85,170)
```

Similar Colors

Text with hexadecimal color #5f55aa

This text has a font color of #5f55aa.

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

#5f55aa background color

This paragraph has a background color of #5f55aa.

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

#5f55aa border color

This element has a border color of #5f55aa.

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

CSS codes

.text {color:#5f55aa;}

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

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

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

#07070d
```
#07070d rgb(7,7,13)
```
#0f0d1a
```
#0f0d1a rgb(15,13,26)
```
#161427
```
#161427 rgb(22,20,39)
```
#1d1a34
```
#1d1a34 rgb(29,26,52)
```
#252141
```
#252141 rgb(37,33,65)
```
#2c274e
```
#2c274e rgb(44,39,78)
```
#332e5c
```
#332e5c rgb(51,46,92)
```
#3a3469
```
#3a3469 rgb(58,52,105)
```
#423b76
```
#423b76 rgb(66,59,118)
```
#494183
```
#494183 rgb(73,65,131)
```
#504890
```
#504890 rgb(80,72,144)
```
#584e9d
```
#584e9d rgb(88,78,157)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```

Shade Color Variation

#6b62b1
```
#6b62b1 rgb(107,98,177)
```
#786fb7
```
#786fb7 rgb(120,111,183)
```
#847cbe
```
#847cbe rgb(132,124,190)
```
#9089c4
```
#9089c4 rgb(144,137,196)
```
#9d96cb
```
#9d96cb rgb(157,150,203)
```
#a9a3d1
```
#a9a3d1 rgb(169,163,209)
```
#b5b1d8
```
#b5b1d8 rgb(181,177,216)
```
#c1bede
```
#c1bede rgb(193,190,222)
```
#cecbe5
```
#cecbe5 rgb(206,203,229)
```
#dad8eb
```
#dad8eb rgb(218,216,235)
```
#e6e5f2
```
#e6e5f2 rgb(230,229,242)
```
#f3f2f8
```
#f3f2f8 rgb(243,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d7c83
```
#7d7c83 rgb(125,124,131)
```
#76728d
```
#76728d rgb(118,114,141)
```
#6e6996
```
#6e6996 rgb(110,105,150)
```
#675fa0
```
#675fa0 rgb(103,95,160)
```
#5f55aa
```
#5f55aa rgb(95,85,170)
```
#584bb4
```
#584bb4 rgb(88,75,180)
```
#5041be
```
#5041be rgb(80,65,190)
```
#4838c7
```
#4838c7 rgb(72,56,199)
```
#412ed1
```
#412ed1 rgb(65,46,209)
```
#3924db
```
#3924db rgb(57,36,219)
```
#321ae5
```
#321ae5 rgb(50,26,229)
```
#2a10ef
```
#2a10ef rgb(42,16,239)
```
#2307f8
```
#2307f8 rgb(35,7,248)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#615f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c66b5 Protanopia 1% of men
#3369a9 Deuteranopia 1% of men
#546c74 Tritanopia 0.001% of the population

Trichromacy

#485fb1 Protanomaly 1% of men, 0.01% of women
#4362a9 Deuteranomaly 6% of men, 0.4% of women
#586487 Tritanomaly 0.01% of the population

#5f55aa hex color

#5f55aa Color Information

#5f55aa Color Conversion

Color Schemes with #5f55aa

Alternatives to #5f55aa

#5f55aa Preview

Shades and Tints of #5f55aa

Tones of #5f55aa

Color Blindness Simulator