#553dfa hex color

In a RGB color space, hex #553dfa is composed of 33.3% red, 23.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 75.6% magenta, 0% yellow and 2% black. It has a hue angle of 247.6 degrees, a saturation of 95% and a lightness of 61%. #553dfa color hex could be obtained by blending #aa7aff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 24
- B 98
RGB color chart
- C 66
- M 76
- Y 0
- K 2
CMYK color chart

● #553dfa color description : Bright blue.

The hexadecimal color #553dfa has RGB values of R:85, G:61, B:250 and CMYK values of C:0.66, M:0.76, Y:0, K:0.02. Its decimal value is 5586426.

Hex triplet	553dfa	`#553dfa`
RGB Decimal	85, 61, 250	`rgb(85,61,250)`
RGB Percent	33.3, 23.9, 98	`rgb(33.3%,23.9%,98%)`
CMYK	66, 76, 0, 2
HSL	247.6°, 95, 61	`hsl(247.6,95%,61%)`
HSV (or HSB)	247.6°, 75.6, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.485, 62.288, -89.685
XYZ	22.667, 12.17, 91.592
xyY	0.179, 0.096, 12.17
CIE-LCH	41.485, 109.194, 304.78
CIE-LUV	41.485, -4.823, -129.512
Hunter-Lab	34.885, 54.933, -131.247
Binary	01010101, 00111101, 11111010

#553dfa
```
#553dfa rgb(85,61,250)
```
#e2fa3d
```
#e2fa3d rgb(226,250,61)
```

Complementary Color

#3d84fa
```
#3d84fa rgb(61,132,250)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#b43dfa
```
#b43dfa rgb(180,61,250)
```

Analogous Color

#84fa3d
```
#84fa3d rgb(132,250,61)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#fab43d
```
#fab43d rgb(250,180,61)
```

Split Complementary Color

#3dfa55
```
#3dfa55 rgb(61,250,85)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#fa553d
```
#fa553d rgb(250,85,61)
```

Triadic Color

#3de2fa
```
#3de2fa rgb(61,226,250)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#fa553d
```
#fa553d rgb(250,85,61)
```
#e2fa3d
```
#e2fa3d rgb(226,250,61)
```

Tetradic Color

#2206e5
```
#2206e5 rgb(34,6,229)
```
#290bf9
```
#290bf9 rgb(41,11,249)
```
#3f24f9
```
#3f24f9 rgb(63,36,249)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#6b56fb
```
#6b56fb rgb(107,86,251)
```
#816ffb
```
#816ffb rgb(129,111,251)
```
#9688fc
```
#9688fc rgb(150,136,252)
```

Monochromatic Color

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

#3d54fa
```
#3d54fa rgb(61,84,250)
```
#3d45fa
```
#3d45fa rgb(61,69,250)
```
#453dfa
```
#453dfa rgb(69,61,250)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#653dfa
```
#653dfa rgb(101,61,250)
```
#753dfa
```
#753dfa rgb(117,61,250)
```
#843dfa
```
#843dfa rgb(132,61,250)
```

Similar Colors

Text with hexadecimal color #553dfa

This text has a font color of #553dfa.

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

#553dfa background color

This paragraph has a background color of #553dfa.

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

#553dfa border color

This element has a border color of #553dfa.

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

CSS codes

.text {color:#553dfa;}

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

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

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

#020010
```
#020010 rgb(2,0,16)
```
#050123
```
#050123 rgb(5,1,35)
```
#080137
```
#080137 rgb(8,1,55)
```
#0b024a
```
#0b024a rgb(11,2,74)
```
#0e025d
```
#0e025d rgb(14,2,93)
```
#110370
```
#110370 rgb(17,3,112)
```
#140383
```
#140383 rgb(20,3,131)
```
#160496
```
#160496 rgb(22,4,150)
```
#1904a9
```
#1904a9 rgb(25,4,169)
```
#1c05bc
```
#1c05bc rgb(28,5,188)
```
#1f05d0
```
#1f05d0 rgb(31,5,208)
```
#2206e3
```
#2206e3 rgb(34,6,227)
```
#2506f6
```
#2506f6 rgb(37,6,246)
```

Shade Color Variation

#3317f9
```
#3317f9 rgb(51,23,249)
```
#442afa
```
#442afa rgb(68,42,250)
```
#553dfa
```
#553dfa rgb(85,61,250)
```
#6650fa
```
#6650fa rgb(102,80,250)
```
#7763fb
```
#7763fb rgb(119,99,251)
```
#8776fb
```
#8776fb rgb(135,118,251)
```
#9889fc
```
#9889fc rgb(152,137,252)
```
#a99dfc
```
#a99dfc rgb(169,157,252)
```
#bab0fd
```
#bab0fd rgb(186,176,253)
```
#cac3fd
```
#cac3fd rgb(202,195,253)
```
#dbd6fe
```
#dbd6fe rgb(219,214,254)
```
#ece9fe
```
#ece9fe rgb(236,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a999e is the less saturated color, while #553dfa is the most saturated one.

#9a999e
```
#9a999e rgb(154,153,158)
```
#9491a6
```
#9491a6 rgb(148,145,166)
```
#8e8aad
```
#8e8aad rgb(142,138,173)
```
#8882b5
```
#8882b5 rgb(136,130,181)
```
#837abd
```
#837abd rgb(131,122,189)
```
#7d73c4
```
#7d73c4 rgb(125,115,196)
```
#776bcc
```
#776bcc rgb(119,107,204)
```
#7263d4
```
#7263d4 rgb(114,99,212)
```
#6c5cdb
```
#6c5cdb rgb(108,92,219)
```
#6654e3
```
#6654e3 rgb(102,84,227)
```
#604ceb
```
#604ceb rgb(96,76,235)
```
#5b45f2
```
#5b45f2 rgb(91,69,242)
```
#553dfa
```
#553dfa rgb(85,61,250)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#59547a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e57da Protanomaly 1% of men, 0.01% of women
#1e5bc9 Deuteranomaly 6% of men, 0.4% of women
#1e60a9 Tritanomaly 0.01% of the population

#553dfa hex color

#553dfa Color Information

#553dfa Color Conversion

Color Schemes with #553dfa

Alternatives to #553dfa

#553dfa Preview

Shades and Tints of #553dfa

Tones of #553dfa

Color Blindness Simulator