#551fd4 hex color

In a RGB color space, hex #551fd4 is composed of 33.3% red, 12.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 85.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 257.9 degrees, a saturation of 74.5% and a lightness of 47.6%. #551fd4 color hex could be obtained by blending #aa3eff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 12
- B 83
RGB color chart
- C 60
- M 85
- Y 0
- K 17
CMYK color chart

● #551fd4 color description : Strong violet.

The hexadecimal color #551fd4 has RGB values of R:85, G:31, B:212 and CMYK values of C:0.6, M:0.85, Y:0, K:0.17. Its decimal value is 5578708.

Hex triplet	551fd4	`#551fd4`
RGB Decimal	85, 31, 212	`rgb(85,31,212)`
RGB Percent	33.3, 12.2, 83.1	`rgb(33.3%,12.2%,83.1%)`
CMYK	60, 85, 0, 17
HSL	257.9°, 74.5, 47.6	`hsl(257.9,74.5%,47.6%)`
HSV (or HSB)	257.9°, 85.4, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.274, 64.367, -81.626
XYZ	16.118, 7.664, 62.914
xyY	0.186, 0.088, 7.664
CIE-LCH	33.274, 103.952, 308.258
CIE-LUV	33.274, 1.62, -109.29
Hunter-Lab	27.684, 55.475, -115.36
Binary	01010101, 00011111, 11010100

#551fd4
```
#551fd4 rgb(85,31,212)
```
#9ed41f
```
#9ed41f rgb(158,212,31)
```

Complementary Color

#1f43d4
```
#1f43d4 rgb(31,67,212)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#b01fd4
```
#b01fd4 rgb(176,31,212)
```

Analogous Color

#44d41f
```
#44d41f rgb(68,212,31)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#d4b01f
```
#d4b01f rgb(212,176,31)
```

Split Complementary Color

#1fd455
```
#1fd455 rgb(31,212,85)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#d4551f
```
#d4551f rgb(212,85,31)
```

Triadic Color

#1f9ed4
```
#1f9ed4 rgb(31,158,212)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#d4551f
```
#d4551f rgb(212,85,31)
```
#9ed41f
```
#9ed41f rgb(158,212,31)
```

Tetradic Color

#3a1591
```
#3a1591 rgb(58,21,145)
```
#4318a8
```
#4318a8 rgb(67,24,168)
```
#4c1cbe
```
#4c1cbe rgb(76,28,190)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#622ce0
```
#622ce0 rgb(98,44,224)
```
#7343e3
```
#7343e3 rgb(115,67,227)
```
#8359e7
```
#8359e7 rgb(131,89,231)
```

Monochromatic Color

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

#281fd4
```
#281fd4 rgb(40,31,212)
```
#371fd4
```
#371fd4 rgb(55,31,212)
```
#461fd4
```
#461fd4 rgb(70,31,212)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#641fd4
```
#641fd4 rgb(100,31,212)
```
#731fd4
```
#731fd4 rgb(115,31,212)
```
#821fd4
```
#821fd4 rgb(130,31,212)
```

Similar Colors

Text with hexadecimal color #551fd4

This text has a font color of #551fd4.

<span style="color:#551fd4;">Text here</span>

#551fd4 background color

This paragraph has a background color of #551fd4.

<p style="background-color:#551fd4;">Content here</p>

#551fd4 border color

This element has a border color of #551fd4.

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

CSS codes

.text {color:#551fd4;}

.background {background-color:#551fd4;}

.border {border:1px solid #551fd4;}

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

#030107
```
#030107 rgb(3,1,7)
```
#0a0318
```
#0a0318 rgb(10,3,24)
```
#100629
```
#100629 rgb(16,6,41)
```
#17083a
```
#17083a rgb(23,8,58)
```
#1e0b4b
```
#1e0b4b rgb(30,11,75)
```
#250d5c
```
#250d5c rgb(37,13,92)
```
#2c106d
```
#2c106d rgb(44,16,109)
```
#33127e
```
#33127e rgb(51,18,126)
```
#3a1590
```
#3a1590 rgb(58,21,144)
```
#4017a1
```
#4017a1 rgb(64,23,161)
```
#471ab2
```
#471ab2 rgb(71,26,178)
```
#4e1cc3
```
#4e1cc3 rgb(78,28,195)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```

Shade Color Variation

#5e27df
```
#5e27df rgb(94,39,223)
```
#6b38e2
```
#6b38e2 rgb(107,56,226)
```
#7849e4
```
#7849e4 rgb(120,73,228)
```
#845be7
```
#845be7 rgb(132,91,231)
```
#916ce9
```
#916ce9 rgb(145,108,233)
```
#9e7dec
```
#9e7dec rgb(158,125,236)
```
#ab8eee
```
#ab8eee rgb(171,142,238)
```
#b79ff1
```
#b79ff1 rgb(183,159,241)
```
#c4b0f3
```
#c4b0f3 rgb(196,176,243)
```
#d1c1f6
```
#d1c1f6 rgb(209,193,246)
```
#ded2f8
```
#ded2f8 rgb(222,210,248)
```
#eae3fb
```
#eae3fb rgb(234,227,251)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

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

#777380
```
#777380 rgb(119,115,128)
```
#736a89
```
#736a89 rgb(115,106,137)
```
#6f6093
```
#6f6093 rgb(111,96,147)
```
#6c579c
```
#6c579c rgb(108,87,156)
```
#684ea5
```
#684ea5 rgb(104,78,165)
```
#6444af
```
#6444af rgb(100,68,175)
```
#603bb8
```
#603bb8 rgb(96,59,184)
```
#5d32c1
```
#5d32c1 rgb(93,50,193)
```
#5928cb
```
#5928cb rgb(89,40,203)
```
#551fd4
```
#551fd4 rgb(85,31,212)
```
#5116dd
```
#5116dd rgb(81,22,221)
```
#4d0ce7
```
#4d0ce7 rgb(77,12,231)
```
#4a03f0
```
#4a03f0 rgb(74,3,240)
```

Tone Color Variation

Below, you can see how #551fd4 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

#444444 Achromatopsia 0.005% of the population
#473d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#005f66 Tritanopia 0.001% of the population

Trichromacy

#1e41b6 Protanomaly 1% of men, 0.01% of women
#1e44a8 Deuteranomaly 6% of men, 0.4% of women
#1e488e Tritanomaly 0.01% of the population

#551fd4 hex color

#551fd4 Color Information

#551fd4 Color Conversion

Color Schemes with #551fd4

Alternatives to #551fd4

#551fd4 Preview

Shades and Tints of #551fd4

Tones of #551fd4

Color Blindness Simulator