#551aaf hex color

In a RGB color space, hex #551aaf is composed of 33.3% red, 10.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 85.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 263.8 degrees, a saturation of 74.1% and a lightness of 39.4%. #551aaf color hex could be obtained by blending #aa34ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 10
- B 69
RGB color chart
- C 51
- M 85
- Y 0
- K 31
CMYK color chart

● #551aaf color description : Dark violet.

The hexadecimal color #551aaf has RGB values of R:85, G:26, B:175 and CMYK values of C:0.51, M:0.85, Y:0, K:0.31. Its decimal value is 5577391.

Hex triplet	551aaf	`#551aaf`
RGB Decimal	85, 26, 175	`rgb(85,26,175)`
RGB Percent	33.3, 10.2, 68.6	`rgb(33.3%,10.2%,68.6%)`
CMYK	51, 85, 0, 31
HSL	263.8°, 74.1, 39.4	`hsl(263.8,74.1%,39.4%)`
HSV (or HSB)	263.8°, 85.1, 68.6
Web Safe	663399	`#663399`

CIE-LAB	28.812, 56.644, -67.213
XYZ	11.852, 5.765, 41.043
xyY	0.202, 0.098, 5.765
CIE-LCH	28.812, 87.898, 310.123
CIE-LUV	28.812, 6.081, -87.663
Hunter-Lab	24.011, 46.094, -84.542
Binary	01010101, 00011010, 10101111

#551aaf
```
#551aaf rgb(85,26,175)
```
#74af1a
```
#74af1a rgb(116,175,26)
```

Complementary Color

#1a2aaf
```
#1a2aaf rgb(26,42,175)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#a01aaf
```
#a01aaf rgb(160,26,175)
```

Analogous Color

#2aaf1a
```
#2aaf1a rgb(42,175,26)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#afa01a
```
#afa01a rgb(175,160,26)
```

Split Complementary Color

#1aaf55
```
#1aaf55 rgb(26,175,85)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#af551a
```
#af551a rgb(175,85,26)
```

Triadic Color

#1a74af
```
#1a74af rgb(26,116,175)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#af551a
```
#af551a rgb(175,85,26)
```
#74af1a
```
#74af1a rgb(116,175,26)
```

Tetradic Color

#35106c
```
#35106c rgb(53,16,108)
```
#3f1383
```
#3f1383 rgb(63,19,131)
```
#4a1799
```
#4a1799 rgb(74,23,153)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#601dc5
```
#601dc5 rgb(96,29,197)
```
#6b21db
```
#6b21db rgb(107,33,219)
```
#7935e1
```
#7935e1 rgb(121,53,225)
```

Monochromatic Color

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

#301aaf
```
#301aaf rgb(48,26,175)
```
#3c1aaf
```
#3c1aaf rgb(60,26,175)
```
#491aaf
```
#491aaf rgb(73,26,175)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#611aaf
```
#611aaf rgb(97,26,175)
```
#6e1aaf
```
#6e1aaf rgb(110,26,175)
```
#7a1aaf
```
#7a1aaf rgb(122,26,175)
```

Similar Colors

Text with hexadecimal color #551aaf

This text has a font color of #551aaf.

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

#551aaf background color

This paragraph has a background color of #551aaf.

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

#551aaf border color

This element has a border color of #551aaf.

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

CSS codes

.text {color:#551aaf;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0315
```
#0a0315 rgb(10,3,21)
```
#130626
```
#130626 rgb(19,6,38)
```
#1b0837
```
#1b0837 rgb(27,8,55)
```
#230b49
```
#230b49 rgb(35,11,73)
```
#2c0d5a
```
#2c0d5a rgb(44,13,90)
```
#34106b
```
#34106b rgb(52,16,107)
```
#3c127c
```
#3c127c rgb(60,18,124)
```
#44158d
```
#44158d rgb(68,21,141)
```
#4d179e
```
#4d179e rgb(77,23,158)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#5d1dc0
```
#5d1dc0 rgb(93,29,192)
```
#661fd1
```
#661fd1 rgb(102,31,209)
```

Shade Color Variation

#6f25df
```
#6f25df rgb(111,37,223)
```
#7a36e1
```
#7a36e1 rgb(122,54,225)
```
#8547e4
```
#8547e4 rgb(133,71,228)
```
#9158e6
```
#9158e6 rgb(145,88,230)
```
#9c6ae9
```
#9c6ae9 rgb(156,106,233)
```
#a77beb
```
#a77beb rgb(167,123,235)
```
#b38cee
```
#b38cee rgb(179,140,238)
```
#be9df0
```
#be9df0 rgb(190,157,240)
```
#c9aef3
```
#c9aef3 rgb(201,174,243)
```
#d5bff5
```
#d5bff5 rgb(213,191,245)
```
#e0d0f8
```
#e0d0f8 rgb(224,208,248)
```
#ebe1fb
```
#ebe1fb rgb(235,225,251)
```
#f6f2fd
```
#f6f2fd rgb(246,242,253)
```

Tint Color Variation

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

#636069
```
#636069 rgb(99,96,105)
```
#625871
```
#625871 rgb(98,88,113)
```
#605079
```
#605079 rgb(96,80,121)
```
#5f4881
```
#5f4881 rgb(95,72,129)
```
#5d4188
```
#5d4188 rgb(93,65,136)
```
#5b3990
```
#5b3990 rgb(91,57,144)
```
#5a3198
```
#5a3198 rgb(90,49,152)
```
#5829a0
```
#5829a0 rgb(88,41,160)
```
#5722a7
```
#5722a7 rgb(87,34,167)
```
#551aaf
```
#551aaf rgb(85,26,175)
```
#5312b7
```
#5312b7 rgb(83,18,183)
```
#520bbe
```
#520bbe rgb(82,11,190)
```
#5003c6
```
#5003c6 rgb(80,3,198)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#423654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#3a5157 Tritanopia 0.001% of the population

Trichromacy

#1e399c Protanomaly 1% of men, 0.01% of women
#1e3c90 Deuteranomaly 6% of men, 0.4% of women
#433d77 Tritanomaly 0.01% of the population

#551aaf hex color

#551aaf Color Information

#551aaf Color Conversion

Color Schemes with #551aaf

Alternatives to #551aaf

#551aaf Preview

Shades and Tints of #551aaf

Tones of #551aaf

Color Blindness Simulator