#553af5 hex color

In a RGB color space, hex #553af5 is composed of 33.3% red, 22.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 76.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 248.7 degrees, a saturation of 90.3% and a lightness of 59.4%. #553af5 color hex could be obtained by blending #aa74ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 23
- B 96
RGB color chart
- C 65
- M 76
- Y 0
- K 4
CMYK color chart

● #553af5 color description : Bright blue.

The hexadecimal color #553af5 has RGB values of R:85, G:58, B:245 and CMYK values of C:0.65, M:0.76, Y:0, K:0.04. Its decimal value is 5585653.

Hex triplet	553af5	`#553af5`
RGB Decimal	85, 58, 245	`rgb(85,58,245)`
RGB Percent	33.3, 22.7, 96.1	`rgb(33.3%,22.7%,96.1%)`
CMYK	65, 76, 0, 4
HSL	248.7°, 90.3, 59.4	`hsl(248.7,90.3%,59.4%)`
HSV (or HSB)	248.7°, 76.3, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.49, 62.278, -88.521
XYZ	21.738, 11.549, 87.465
xyY	0.18, 0.096, 11.549
CIE-LCH	40.49, 108.234, 305.128
CIE-LUV	40.49, -4.068, -126.896
Hunter-Lab	33.984, 54.705, -128.807
Binary	01010101, 00111010, 11110101

#553af5
```
#553af5 rgb(85,58,245)
```
#daf53a
```
#daf53a rgb(218,245,58)
```

Complementary Color

#3a7df5
```
#3a7df5 rgb(58,125,245)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#b33af5
```
#b33af5 rgb(179,58,245)
```

Analogous Color

#7df53a
```
#7df53a rgb(125,245,58)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#f5b33a
```
#f5b33a rgb(245,179,58)
```

Split Complementary Color

#3af555
```
#3af555 rgb(58,245,85)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#f5553a
```
#f5553a rgb(245,85,58)
```

Triadic Color

#3adaf5
```
#3adaf5 rgb(58,218,245)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#f5553a
```
#f5553a rgb(245,85,58)
```
#daf53a
```
#daf53a rgb(218,245,58)
```

Tetradic Color

#280bd8
```
#280bd8 rgb(40,11,216)
```
#2d0cf0
```
#2d0cf0 rgb(45,12,240)
```
#4022f4
```
#4022f4 rgb(64,34,244)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#6a52f6
```
#6a52f6 rgb(106,82,246)
```
#7f6bf7
```
#7f6bf7 rgb(127,107,247)
```
#9483f9
```
#9483f9 rgb(148,131,249)
```

Monochromatic Color

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

#3a4ef5
```
#3a4ef5 rgb(58,78,245)
```
#3a3ef5
```
#3a3ef5 rgb(58,62,245)
```
#453af5
```
#453af5 rgb(69,58,245)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#653af5
```
#653af5 rgb(101,58,245)
```
#743af5
```
#743af5 rgb(116,58,245)
```
#843af5
```
#843af5 rgb(132,58,245)
```

Similar Colors

Text with hexadecimal color #553af5

This text has a font color of #553af5.

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

#553af5 background color

This paragraph has a background color of #553af5.

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

#553af5 border color

This element has a border color of #553af5.

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

CSS codes

.text {color:#553af5;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#05011b
```
#05011b rgb(5,1,27)
```
#09022e
```
#09022e rgb(9,2,46)
```
#0c0340
```
#0c0340 rgb(12,3,64)
```
#100453
```
#100453 rgb(16,4,83)
```
#130566
```
#130566 rgb(19,5,102)
```
#170678
```
#170678 rgb(23,6,120)
```
#1a078b
```
#1a078b rgb(26,7,139)
```
#1e089e
```
#1e089e rgb(30,8,158)
```
#2109b0
```
#2109b0 rgb(33,9,176)
```
#250ac3
```
#250ac3 rgb(37,10,195)
```
#280bd6
```
#280bd6 rgb(40,11,214)
```
#2c0ce8
```
#2c0ce8 rgb(44,12,232)
```

Shade Color Variation

#3515f3
```
#3515f3 rgb(53,21,243)
```
#4527f4
```
#4527f4 rgb(69,39,244)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#654df6
```
#654df6 rgb(101,77,246)
```
#755ff7
```
#755ff7 rgb(117,95,247)
```
#8572f8
```
#8572f8 rgb(133,114,248)
```
#9585f9
```
#9585f9 rgb(149,133,249)
```
#a697fa
```
#a697fa rgb(166,151,250)
```
#b6aafb
```
#b6aafb rgb(182,170,251)
```
#c6bdfc
```
#c6bdfc rgb(198,189,252)
```
#d6cffd
```
#d6cffd rgb(214,207,253)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#93929d
```
#93929d rgb(147,146,157)
```
#8e8aa5
```
#8e8aa5 rgb(142,138,165)
```
#8882ad
```
#8882ad rgb(136,130,173)
```
#827ab5
```
#827ab5 rgb(130,122,181)
```
#7d72bd
```
#7d72bd rgb(125,114,189)
```
#776ac5
```
#776ac5 rgb(119,106,197)
```
#7162cd
```
#7162cd rgb(113,98,205)
```
#6c5ad5
```
#6c5ad5 rgb(108,90,213)
```
#6652dd
```
#6652dd rgb(102,82,221)
```
#604ae5
```
#604ae5 rgb(96,74,229)
```
#5b42ed
```
#5b42ed rgb(91,66,237)
```
#553af5
```
#553af5 rgb(85,58,245)
```
#4f32fd
```
#4f32fd rgb(79,50,253)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#575177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1e55d5 Protanomaly 1% of men, 0.01% of women
#1e58c5 Deuteranomaly 6% of men, 0.4% of women
#1e5da5 Tritanomaly 0.01% of the population

#553af5 hex color

#553af5 Color Information

#553af5 Color Conversion

Color Schemes with #553af5

Alternatives to #553af5

#553af5 Preview

Shades and Tints of #553af5

Tones of #553af5

Color Blindness Simulator