#553efa hex color

In a RGB color space, hex #553efa is composed of 33.3% red, 24.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 75.2% magenta, 0% yellow and 2% black. It has a hue angle of 247.3 degrees, a saturation of 94.9% and a lightness of 61.2%. #553efa color hex could be obtained by blending #aa7cff with #0000f5. Closest websafe color is: #6633ff.

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

● #553efa color description : Bright blue.

The hexadecimal color #553efa has RGB values of R:85, G:62, B:250 and CMYK values of C:0.66, M:0.75, Y:0, K:0.02. Its decimal value is 5586682.

Hex triplet	553efa	`#553efa`
RGB Decimal	85, 62, 250	`rgb(85,62,250)`
RGB Percent	33.3, 24.3, 98	`rgb(33.3%,24.3%,98%)`
CMYK	66, 75, 0, 2
HSL	247.3°, 94.9, 61.2	`hsl(247.3,94.9%,61.2%)`
HSV (or HSB)	247.3°, 75.2, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.654, 61.804, -89.406
XYZ	22.721, 12.278, 91.61
xyY	0.179, 0.097, 12.278
CIE-LCH	41.654, 108.688, 304.655
CIE-LUV	41.654, -4.967, -129.392
Hunter-Lab	35.039, 54.427, -130.485
Binary	01010101, 00111110, 11111010

#553efa
```
#553efa rgb(85,62,250)
```
#e3fa3e
```
#e3fa3e rgb(227,250,62)
```

Complementary Color

#3e85fa
```
#3e85fa rgb(62,133,250)
```
#553efa
```
#553efa rgb(85,62,250)
```
#b33efa
```
#b33efa rgb(179,62,250)
```

Analogous Color

#85fa3e
```
#85fa3e rgb(133,250,62)
```
#553efa
```
#553efa rgb(85,62,250)
```
#fab33e
```
#fab33e rgb(250,179,62)
```

Split Complementary Color

#3efa55
```
#3efa55 rgb(62,250,85)
```
#553efa
```
#553efa rgb(85,62,250)
```
#fa553e
```
#fa553e rgb(250,85,62)
```

Triadic Color

#3ee3fa
```
#3ee3fa rgb(62,227,250)
```
#553efa
```
#553efa rgb(85,62,250)
```
#fa553e
```
#fa553e rgb(250,85,62)
```
#e3fa3e
```
#e3fa3e rgb(227,250,62)
```

Tetradic Color

#2106e6
```
#2106e6 rgb(33,6,230)
```
#290cf9
```
#290cf9 rgb(41,12,249)
```
#3f25f9
```
#3f25f9 rgb(63,37,249)
```
#553efa
```
#553efa rgb(85,62,250)
```
#6b57fb
```
#6b57fb rgb(107,87,251)
```
#8170fb
```
#8170fb rgb(129,112,251)
```
#9789fc
```
#9789fc rgb(151,137,252)
```

Monochromatic Color

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

#3e56fa
```
#3e56fa rgb(62,86,250)
```
#3e46fa
```
#3e46fa rgb(62,70,250)
```
#453efa
```
#453efa rgb(69,62,250)
```
#553efa
```
#553efa rgb(85,62,250)
```
#653efa
```
#653efa rgb(101,62,250)
```
#743efa
```
#743efa rgb(116,62,250)
```
#843efa
```
#843efa rgb(132,62,250)
```

Similar Colors

Text with hexadecimal color #553efa

This text has a font color of #553efa.

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

#553efa background color

This paragraph has a background color of #553efa.

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

#553efa border color

This element has a border color of #553efa.

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

CSS codes

.text {color:#553efa;}

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

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

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

#030011
```
#030011 rgb(3,0,17)
```
#050124
```
#050124 rgb(5,1,36)
```
#080138
```
#080138 rgb(8,1,56)
```
#0b024b
```
#0b024b rgb(11,2,75)
```
#0e025e
```
#0e025e rgb(14,2,94)
```
#100371
```
#100371 rgb(16,3,113)
```
#130384
```
#130384 rgb(19,3,132)
```
#160497
```
#160497 rgb(22,4,151)
```
#1904aa
```
#1904aa rgb(25,4,170)
```
#1b05bd
```
#1b05bd rgb(27,5,189)
```
#1e05d1
```
#1e05d1 rgb(30,5,209)
```
#2106e4
```
#2106e4 rgb(33,6,228)
```
#2406f7
```
#2406f7 rgb(36,6,247)
```

Shade Color Variation

#3318f9
```
#3318f9 rgb(51,24,249)
```
#442bfa
```
#442bfa rgb(68,43,250)
```
#553efa
```
#553efa rgb(85,62,250)
```
#6651fa
```
#6651fa rgb(102,81,250)
```
#7764fb
```
#7764fb rgb(119,100,251)
```
#8877fb
```
#8877fb rgb(136,119,251)
```
#988afc
```
#988afc rgb(152,138,252)
```
#a99efc
```
#a99efc rgb(169,158,252)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#cbc4fd
```
#cbc4fd rgb(203,196,253)
```
#dcd7fe
```
#dcd7fe rgb(220,215,254)
```
#edeafe
```
#edeafe rgb(237,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9a999f
```
#9a999f rgb(154,153,159)
```
#9492a6
```
#9492a6 rgb(148,146,166)
```
#8f8aae
```
#8f8aae rgb(143,138,174)
```
#8983b5
```
#8983b5 rgb(137,131,181)
```
#837bbd
```
#837bbd rgb(131,123,189)
```
#7d73c5
```
#7d73c5 rgb(125,115,197)
```
#786ccc
```
#786ccc rgb(120,108,204)
```
#7264d4
```
#7264d4 rgb(114,100,212)
```
#6c5cdc
```
#6c5cdc rgb(108,92,220)
```
#6655e3
```
#6655e3 rgb(102,85,227)
```
#614deb
```
#614deb rgb(97,77,235)
```
#5b46f2
```
#5b46f2 rgb(91,70,242)
```
#553efa
```
#553efa rgb(85,62,250)
```

Tone Color Variation

Below, you can see how #553efa 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
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

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

#553efa hex color

#553efa Color Information

#553efa Color Conversion

Color Schemes with #553efa

Alternatives to #553efa

#553efa Preview

Shades and Tints of #553efa

Tones of #553efa

Color Blindness Simulator