#555fa7 hex color

In a RGB color space, hex #555fa7 is composed of 33.3% red, 37.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 43.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 232.7 degrees, a saturation of 32.5% and a lightness of 49.4%. #555fa7 color hex could be obtained by blending #aabeff with #00004f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 37
- B 65
RGB color chart
- C 49
- M 43
- Y 0
- K 35
CMYK color chart

● #555fa7 color description : Dark moderate blue.

The hexadecimal color #555fa7 has RGB values of R:85, G:95, B:167 and CMYK values of C:0.49, M:0.43, Y:0, K:0.35. Its decimal value is 5595047.

Hex triplet	555fa7	`#555fa7`
RGB Decimal	85, 95, 167	`rgb(85,95,167)`
RGB Percent	33.3, 37.3, 65.5	`rgb(33.3%,37.3%,65.5%)`
CMYK	49, 43, 0, 35
HSL	232.7°, 32.5, 49.4	`hsl(232.7,32.5%,49.4%)`
HSV (or HSB)	232.7°, 49.1, 65.5
Web Safe	666699	`#666699`

CIE-LAB	42.62, 16.396, -40.072
XYZ	14.812, 12.905, 38.268
xyY	0.224, 0.196, 12.905
CIE-LCH	42.62, 43.297, 292.253
CIE-LUV	42.62, -8.043, -60.372
Hunter-Lab	35.924, 10.733, -38.012
Binary	01010101, 01011111, 10100111

#555fa7
```
#555fa7 rgb(85,95,167)
```
#a79d55
```
#a79d55 rgb(167,157,85)
```

Complementary Color

#5588a7
```
#5588a7 rgb(85,136,167)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#7455a7
```
#7455a7 rgb(116,85,167)
```

Analogous Color

#88a755
```
#88a755 rgb(136,167,85)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#a77455
```
#a77455 rgb(167,116,85)
```

Split Complementary Color

#5fa755
```
#5fa755 rgb(95,167,85)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#a7555f
```
#a7555f rgb(167,85,95)
```

Triadic Color

#55a79d
```
#55a79d rgb(85,167,157)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#a7555f
```
#a7555f rgb(167,85,95)
```
#a79d55
```
#a79d55 rgb(167,157,85)
```

Tetradic Color

#3b4274
```
#3b4274 rgb(59,66,116)
```
#444c85
```
#444c85 rgb(68,76,133)
```
#4c5596
```
#4c5596 rgb(76,85,150)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#656eb1
```
#656eb1 rgb(101,110,177)
```
#767eb9
```
#767eb9 rgb(118,126,185)
```
#878ec2
```
#878ec2 rgb(135,142,194)
```

Monochromatic Color

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

#5574a7
```
#5574a7 rgb(85,116,167)
```
#556da7
```
#556da7 rgb(85,109,167)
```
#5566a7
```
#5566a7 rgb(85,102,167)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#5558a7
```
#5558a7 rgb(85,88,167)
```
#5955a7
```
#5955a7 rgb(89,85,167)
```
#6055a7
```
#6055a7 rgb(96,85,167)
```

Similar Colors

Text with hexadecimal color #555fa7

This text has a font color of #555fa7.

<span style="color:#555fa7;">Text here</span>

#555fa7 background color

This paragraph has a background color of #555fa7.

<p style="background-color:#555fa7;">Content here</p>

#555fa7 border color

This element has a border color of #555fa7.

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

CSS codes

.text {color:#555fa7;}

.background {background-color:#555fa7;}

.border {border:1px solid #555fa7;}

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

#06060b
```
#06060b rgb(6,6,11)
```
#0c0e18
```
#0c0e18 rgb(12,14,24)
```
#131525
```
#131525 rgb(19,21,37)
```
#191c32
```
#191c32 rgb(25,28,50)
```
#20243f
```
#20243f rgb(32,36,63)
```
#272b4c
```
#272b4c rgb(39,43,76)
```
#2d3359
```
#2d3359 rgb(45,51,89)
```
#343a66
```
#343a66 rgb(52,58,102)
```
#3b4173
```
#3b4173 rgb(59,65,115)
```
#414980
```
#414980 rgb(65,73,128)
```
#48508d
```
#48508d rgb(72,80,141)
```
#4e589a
```
#4e589a rgb(78,88,154)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```

Shade Color Variation

#616aaf
```
#616aaf rgb(97,106,175)
```
#6e77b5
```
#6e77b5 rgb(110,119,181)
```
#7b83bc
```
#7b83bc rgb(123,131,188)
```
#888fc2
```
#888fc2 rgb(136,143,194)
```
#959bc9
```
#959bc9 rgb(149,155,201)
```
#a2a8d0
```
#a2a8d0 rgb(162,168,208)
```
#afb4d6
```
#afb4d6 rgb(175,180,214)
```
#bcc0dd
```
#bcc0dd rgb(188,192,221)
```
#c9cce4
```
#c9cce4 rgb(201,204,228)
```
#d6d8ea
```
#d6d8ea rgb(214,216,234)
```
#e3e5f1
```
#e3e5f1 rgb(227,229,241)
```
#f0f1f7
```
#f0f1f7 rgb(240,241,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7c7c80
```
#7c7c80 rgb(124,124,128)
```
#72758a
```
#72758a rgb(114,117,138)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#5f669d
```
#5f669d rgb(95,102,157)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```
#4b58b1
```
#4b58b1 rgb(75,88,177)
```
#4250ba
```
#4250ba rgb(66,80,186)
```
#3849c4
```
#3849c4 rgb(56,73,196)
```
#2e42ce
```
#2e42ce rgb(46,66,206)
```
#253ad7
```
#253ad7 rgb(37,58,215)
```
#1b33e1
```
#1b33e1 rgb(27,51,225)
```
#112ceb
```
#112ceb rgb(17,44,235)
```
#0724f5
```
#0724f5 rgb(7,36,245)
```

Tone Color Variation

Below, you can see how #555fa7 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

#646464 Achromatopsia 0.005% of the population
#616371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6aae Protanopia 1% of men
#436da9 Deuteranopia 1% of men
#4b727b Tritanopia 0.001% of the population

Trichromacy

#5066ab Protanomaly 1% of men, 0.01% of women
#4968a8 Deuteranomaly 6% of men, 0.4% of women
#4e6b8b Tritanomaly 0.01% of the population

#555fa7 hex color

#555fa7 Color Information

#555fa7 Color Conversion

Color Schemes with #555fa7

Alternatives to #555fa7

#555fa7 Preview

Shades and Tints of #555fa7

Tones of #555fa7

Color Blindness Simulator