#553aeb hex color

In a RGB color space, hex #553aeb is composed of 33.3% red, 22.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 75.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 249.2 degrees, a saturation of 81.6% and a lightness of 57.5%. #553aeb color hex could be obtained by blending #aa74ff with #0000d7. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 23
- B 92
RGB color chart
- C 64
- M 75
- Y 0
- K 8
CMYK color chart

● #553aeb color description : Bright blue.

The hexadecimal color #553aeb has RGB values of R:85, G:58, B:235 and CMYK values of C:0.64, M:0.75, Y:0, K:0.08. Its decimal value is 5585643.

Hex triplet	553aeb	`#553aeb`
RGB Decimal	85, 58, 235	`rgb(85,58,235)`
RGB Percent	33.3, 22.7, 92.2	`rgb(33.3%,22.7%,92.2%)`
CMYK	64, 75, 0, 8
HSL	249.2°, 81.6, 57.5	`hsl(249.2,81.6%,57.5%)`
HSV (or HSB)	249.2°, 75.3, 92.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.504, 59.397, -84.503
XYZ	20.252, 10.955, 79.64
xyY	0.183, 0.099, 10.955
CIE-LCH	39.504, 103.289, 305.103
CIE-LUV	39.504, -3.366, -120.956
Hunter-Lab	33.098, 51.299, -119.495
Binary	01010101, 00111010, 11101011

#553aeb
```
#553aeb rgb(85,58,235)
```
#d0eb3a
```
#d0eb3a rgb(208,235,58)
```

Complementary Color

#3a78eb
```
#3a78eb rgb(58,120,235)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#ae3aeb
```
#ae3aeb rgb(174,58,235)
```

Analogous Color

#78eb3a
```
#78eb3a rgb(120,235,58)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#ebae3a
```
#ebae3a rgb(235,174,58)
```

Split Complementary Color

#3aeb55
```
#3aeb55 rgb(58,235,85)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#eb553a
```
#eb553a rgb(235,85,58)
```

Triadic Color

#3ad0eb
```
#3ad0eb rgb(58,208,235)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#eb553a
```
#eb553a rgb(235,85,58)
```
#d0eb3a
```
#d0eb3a rgb(208,235,58)
```

Tetradic Color

#2f14c5
```
#2f14c5 rgb(47,20,197)
```
#3416dc
```
#3416dc rgb(52,22,220)
```
#4123e9
```
#4123e9 rgb(65,35,233)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#6951ed
```
#6951ed rgb(105,81,237)
```
#7d68f0
```
#7d68f0 rgb(125,104,240)
```
#917ff2
```
#917ff2 rgb(145,127,242)
```

Monochromatic Color

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

#3a4beb
```
#3a4beb rgb(58,75,235)
```
#3a3deb
```
#3a3deb rgb(58,61,235)
```
#463aeb
```
#463aeb rgb(70,58,235)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#643aeb
```
#643aeb rgb(100,58,235)
```
#733aeb
```
#733aeb rgb(115,58,235)
```
#813aeb
```
#813aeb rgb(129,58,235)
```

Similar Colors

Text with hexadecimal color #553aeb

This text has a font color of #553aeb.

<span style="color:#553aeb;">Text here</span>

#553aeb background color

This paragraph has a background color of #553aeb.

<p style="background-color:#553aeb;">Content here</p>

#553aeb border color

This element has a border color of #553aeb.

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

CSS codes

.text {color:#553aeb;}

.background {background-color:#553aeb;}

.border {border:1px solid #553aeb;}

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

#040211
```
#040211 rgb(4,2,17)
```
#080422
```
#080422 rgb(8,4,34)
```
#0c0534
```
#0c0534 rgb(12,5,52)
```
#110746
```
#110746 rgb(17,7,70)
```
#150958
```
#150958 rgb(21,9,88)
```
#190b6a
```
#190b6a rgb(25,11,106)
```
#1d0d7c
```
#1d0d7c rgb(29,13,124)
```
#220e8d
```
#220e8d rgb(34,14,141)
```
#26109f
```
#26109f rgb(38,16,159)
```
#2a12b1
```
#2a12b1 rgb(42,18,177)
```
#2e14c3
```
#2e14c3 rgb(46,20,195)
```
#3316d5
```
#3316d5 rgb(51,22,213)
```
#3717e6
```
#3717e6 rgb(55,23,230)
```

Shade Color Variation

#4628e9
```
#4628e9 rgb(70,40,233)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#644ced
```
#644ced rgb(100,76,237)
```
#745eef
```
#745eef rgb(116,94,239)
```
#836ff0
```
#836ff0 rgb(131,111,240)
```
#9281f2
```
#9281f2 rgb(146,129,242)
```
#a293f4
```
#a293f4 rgb(162,147,244)
```
#b1a5f6
```
#b1a5f6 rgb(177,165,246)
```
#c1b7f8
```
#c1b7f8 rgb(193,183,248)
```
#d0c8f9
```
#d0c8f9 rgb(208,200,249)
```
#dfdafb
```
#dfdafb rgb(223,218,251)
```
#efecfd
```
#efecfd rgb(239,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8d98 is the less saturated color, while #4929fc is the most saturated one.

#8f8d98
```
#8f8d98 rgb(143,141,152)
```
#8985a0
```
#8985a0 rgb(137,133,160)
```
#837da8
```
#837da8 rgb(131,125,168)
```
#7e74b1
```
#7e74b1 rgb(126,116,177)
```
#786cb9
```
#786cb9 rgb(120,108,185)
```
#7264c1
```
#7264c1 rgb(114,100,193)
```
#6c5bca
```
#6c5bca rgb(108,91,202)
```
#6653d2
```
#6653d2 rgb(102,83,210)
```
#614bda
```
#614bda rgb(97,75,218)
```
#5b42e3
```
#5b42e3 rgb(91,66,227)
```
#553aeb
```
#553aeb rgb(85,58,235)
```
#4f32f3
```
#4f32f3 rgb(79,50,243)
```
#4929fc
```
#4929fc rgb(73,41,252)
```

Tone Color Variation

Below, you can see how #553aeb 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

#565656 Achromatopsia 0.005% of the population
#565074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1e53cf Protanomaly 1% of men, 0.01% of women
#1e57bf Deuteranomaly 6% of men, 0.4% of women
#1e5ca0 Tritanomaly 0.01% of the population

#553aeb hex color

#553aeb Color Information

#553aeb Color Conversion

Color Schemes with #553aeb

Alternatives to #553aeb

#553aeb Preview

Shades and Tints of #553aeb

Tones of #553aeb

Color Blindness Simulator