#553ae9 hex color

In a RGB color space, hex #553ae9 is composed of 33.3% red, 22.7% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 75.1% magenta, 0% yellow and 8.6% black. It has a hue angle of 249.3 degrees, a saturation of 79.9% and a lightness of 57.1%. #553ae9 color hex could be obtained by blending #aa74ff with #0000d3. Closest websafe color is: #6633ff.

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

● #553ae9 color description : Bright blue.

The hexadecimal color #553ae9 has RGB values of R:85, G:58, B:233 and CMYK values of C:0.64, M:0.75, Y:0, K:0.09. Its decimal value is 5585641.

Hex triplet	553ae9	`#553ae9`
RGB Decimal	85, 58, 233	`rgb(85,58,233)`
RGB Percent	33.3, 22.7, 91.4	`rgb(33.3%,22.7%,91.4%)`
CMYK	64, 75, 0, 9
HSL	249.3°, 79.9, 57.1	`hsl(249.3,79.9%,57.1%)`
HSV (or HSB)	249.3°, 75.1, 91.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.309, 58.817, -83.69
XYZ	19.965, 10.84, 78.127
xyY	0.183, 0.1, 10.84
CIE-LCH	39.309, 102.291, 305.1
CIE-LUV	39.309, -3.223, -119.758
Hunter-Lab	32.924, 50.623, -117.646
Binary	01010101, 00111010, 11101001

#553ae9
```
#553ae9 rgb(85,58,233)
```
#cee93a
```
#cee93a rgb(206,233,58)
```

Complementary Color

#3a77e9
```
#3a77e9 rgb(58,119,233)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#ad3ae9
```
#ad3ae9 rgb(173,58,233)
```

Analogous Color

#77e93a
```
#77e93a rgb(119,233,58)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#e9ad3a
```
#e9ad3a rgb(233,173,58)
```

Split Complementary Color

#3ae955
```
#3ae955 rgb(58,233,85)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#e9553a
```
#e9553a rgb(233,85,58)
```

Triadic Color

#3acee9
```
#3acee9 rgb(58,206,233)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#e9553a
```
#e9553a rgb(233,85,58)
```
#cee93a
```
#cee93a rgb(206,233,58)
```

Tetradic Color

#3016c1
```
#3016c1 rgb(48,22,193)
```
#3618d8
```
#3618d8 rgb(54,24,216)
```
#4123e6
```
#4123e6 rgb(65,35,230)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#6951ec
```
#6951ec rgb(105,81,236)
```
#7d68ee
```
#7d68ee rgb(125,104,238)
```
#907ff1
```
#907ff1 rgb(144,127,241)
```

Monochromatic Color

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

#3a4be9
```
#3a4be9 rgb(58,75,233)
```
#3a3ce9
```
#3a3ce9 rgb(58,60,233)
```
#463ae9
```
#463ae9 rgb(70,58,233)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#643ae9
```
#643ae9 rgb(100,58,233)
```
#723ae9
```
#723ae9 rgb(114,58,233)
```
#813ae9
```
#813ae9 rgb(129,58,233)
```

Similar Colors

Text with hexadecimal color #553ae9

This text has a font color of #553ae9.

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

#553ae9 background color

This paragraph has a background color of #553ae9.

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

#553ae9 border color

This element has a border color of #553ae9.

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

CSS codes

.text {color:#553ae9;}

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

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

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, #04020f is the darkest color, while #fcfcff is the lightest one.

#04020f
```
#04020f rgb(4,2,15)
```
#080420
```
#080420 rgb(8,4,32)
```
#0c0632
```
#0c0632 rgb(12,6,50)
```
#110844
```
#110844 rgb(17,8,68)
```
#150a55
```
#150a55 rgb(21,10,85)
```
#1a0b67
```
#1a0b67 rgb(26,11,103)
```
#1e0d79
```
#1e0d79 rgb(30,13,121)
```
#220f8a
```
#220f8a rgb(34,15,138)
```
#27119c
```
#27119c rgb(39,17,156)
```
#2b13ae
```
#2b13ae rgb(43,19,174)
```
#3015bf
```
#3015bf rgb(48,21,191)
```
#3417d1
```
#3417d1 rgb(52,23,209)
```
#3819e2
```
#3819e2 rgb(56,25,226)
```

Shade Color Variation

#4628e7
```
#4628e7 rgb(70,40,231)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#644ceb
```
#644ceb rgb(100,76,235)
```
#735ded
```
#735ded rgb(115,93,237)
```
#836fef
```
#836fef rgb(131,111,239)
```
#9281f1
```
#9281f1 rgb(146,129,241)
```
#a192f3
```
#a192f3 rgb(161,146,243)
```
#b0a4f5
```
#b0a4f5 rgb(176,164,245)
```
#c0b6f7
```
#c0b6f7 rgb(192,182,247)
```
#cfc7f9
```
#cfc7f9 rgb(207,199,249)
```
#ded9fb
```
#ded9fb rgb(222,217,251)
```
#edeafd
```
#edeafd rgb(237,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#8f8e95
```
#8f8e95 rgb(143,142,149)
```
#89869d
```
#89869d rgb(137,134,157)
```
#847da6
```
#847da6 rgb(132,125,166)
```
#7e75ae
```
#7e75ae rgb(126,117,174)
```
#786db6
```
#786db6 rgb(120,109,182)
```
#7264bf
```
#7264bf rgb(114,100,191)
```
#6c5cc7
```
#6c5cc7 rgb(108,92,199)
```
#6653d0
```
#6653d0 rgb(102,83,208)
```
#614bd8
```
#614bd8 rgb(97,75,216)
```
#5b42e1
```
#5b42e1 rgb(91,66,225)
```
#553ae9
```
#553ae9 rgb(85,58,233)
```
#4f32f1
```
#4f32f1 rgb(79,50,241)
```
#4929fa
```
#4929fa rgb(73,41,250)
```

Tone Color Variation

Below, you can see how #553ae9 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
#565073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#1e53ce Protanomaly 1% of men, 0.01% of women
#1e57be Deuteranomaly 6% of men, 0.4% of women
#1e5b9f Tritanomaly 0.01% of the population

#553ae9 hex color

#553ae9 Color Information

#553ae9 Color Conversion

Color Schemes with #553ae9

Alternatives to #553ae9

#553ae9 Preview

Shades and Tints of #553ae9

Tones of #553ae9

Color Blindness Simulator