#553efd hex color

In a RGB color space, hex #553efd is composed of 33.3% red, 24.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 75.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 247.2 degrees, a saturation of 97.9% and a lightness of 61.8%. #553efd color hex could be obtained by blending #aa7cff with #0000fb. Closest websafe color is: #6633ff.

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

● #553efd color description : Bright blue.

The hexadecimal color #553efd has RGB values of R:85, G:62, B:253 and CMYK values of C:0.66, M:0.75, Y:0, K:0.01. Its decimal value is 5586685.

Hex triplet	553efd	`#553efd`
RGB Decimal	85, 62, 253	`rgb(85,62,253)`
RGB Percent	33.3, 24.3, 99.2	`rgb(33.3%,24.3%,99.2%)`
CMYK	66, 75, 0, 1
HSL	247.2°, 97.9, 61.8	`hsl(247.2,97.9%,61.8%)`
HSV (or HSB)	247.2°, 75.5, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.949, 62.675, -90.597
XYZ	23.195, 12.467, 94.107
xyY	0.179, 0.096, 12.467
CIE-LCH	41.949, 110.163, 304.675
CIE-LUV	41.949, -5.16, -131.165
Hunter-Lab	35.309, 55.469, -133.306
Binary	01010101, 00111110, 11111101

#553efd
```
#553efd rgb(85,62,253)
```
#e6fd3e
```
#e6fd3e rgb(230,253,62)
```

Complementary Color

#3e87fd
```
#3e87fd rgb(62,135,253)
```
#553efd
```
#553efd rgb(85,62,253)
```
#b53efd
```
#b53efd rgb(181,62,253)
```

Analogous Color

#87fd3e
```
#87fd3e rgb(135,253,62)
```
#553efd
```
#553efd rgb(85,62,253)
```
#fdb53e
```
#fdb53e rgb(253,181,62)
```

Split Complementary Color

#3efd55
```
#3efd55 rgb(62,253,85)
```
#553efd
```
#553efd rgb(85,62,253)
```
#fd553e
```
#fd553e rgb(253,85,62)
```

Triadic Color

#3ee6fd
```
#3ee6fd rgb(62,230,253)
```
#553efd
```
#553efd rgb(85,62,253)
```
#fd553e
```
#fd553e rgb(253,85,62)
```
#e6fd3e
```
#e6fd3e rgb(230,253,62)
```

Tetradic Color

#1f02ec
```
#1f02ec rgb(31,2,236)
```
#290cfc
```
#290cfc rgb(41,12,252)
```
#3f25fd
```
#3f25fd rgb(63,37,253)
```
#553efd
```
#553efd rgb(85,62,253)
```
#6b57fd
```
#6b57fd rgb(107,87,253)
```
#8170fe
```
#8170fe rgb(129,112,254)
```
#988afe
```
#988afe rgb(152,138,254)
```

Monochromatic Color

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

#3e57fd
```
#3e57fd rgb(62,87,253)
```
#3e47fd
```
#3e47fd rgb(62,71,253)
```
#453efd
```
#453efd rgb(69,62,253)
```
#553efd
```
#553efd rgb(85,62,253)
```
#653efd
```
#653efd rgb(101,62,253)
```
#753efd
```
#753efd rgb(117,62,253)
```
#853efd
```
#853efd rgb(133,62,253)
```

Similar Colors

Text with hexadecimal color #553efd

This text has a font color of #553efd.

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

#553efd background color

This paragraph has a background color of #553efd.

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

#553efd border color

This element has a border color of #553efd.

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

CSS codes

.text {color:#553efd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030015
```
#030015 rgb(3,0,21)
```
#050028
```
#050028 rgb(5,0,40)
```
#08013b
```
#08013b rgb(8,1,59)
```
#0a014f
```
#0a014f rgb(10,1,79)
```
#0d0162
```
#0d0162 rgb(13,1,98)
```
#0f0176
```
#0f0176 rgb(15,1,118)
```
#120189
```
#120189 rgb(18,1,137)
```
#14029c
```
#14029c rgb(20,2,156)
```
#1702b0
```
#1702b0 rgb(23,2,176)
```
#1902c3
```
#1902c3 rgb(25,2,195)
```
#1c02d7
```
#1c02d7 rgb(28,2,215)
```
#1e02ea
```
#1e02ea rgb(30,2,234)
```

Shade Color Variation

#2204fc
```
#2204fc rgb(34,4,252)
```
#3317fd
```
#3317fd rgb(51,23,253)
```
#442bfd
```
#442bfd rgb(68,43,253)
```
#553efd
```
#553efd rgb(85,62,253)
```
#6651fd
```
#6651fd rgb(102,81,253)
```
#7765fd
```
#7765fd rgb(119,101,253)
```
#8878fe
```
#8878fe rgb(136,120,254)
```
#998cfe
```
#998cfe rgb(153,140,254)
```
#ab9ffe
```
#ab9ffe rgb(171,159,254)
```
#bcb2fe
```
#bcb2fe rgb(188,178,254)
```
#cdc6fe
```
#cdc6fe rgb(205,198,254)
```
#ded9ff
```
#ded9ff rgb(222,217,255)
```
#efedff
```
#efedff rgb(239,237,255)
```

Tint Color Variation

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

#9998a3
```
#9998a3 rgb(153,152,163)
```
#9491ab
```
#9491ab rgb(148,145,171)
```
#8e89b2
```
#8e89b2 rgb(142,137,178)
```
#8882ba
```
#8882ba rgb(136,130,186)
```
#837ac1
```
#837ac1 rgb(131,122,193)
```
#7d73c9
```
#7d73c9 rgb(125,115,201)
```
#776bd0
```
#776bd0 rgb(119,107,208)
```
#7164d8
```
#7164d8 rgb(113,100,216)
```
#6c5cdf
```
#6c5cdf rgb(108,92,223)
```
#6655e7
```
#6655e7 rgb(102,85,231)
```
#604dee
```
#604dee rgb(96,77,238)
```
#5b46f6
```
#5b46f6 rgb(91,70,246)
```
#553efd
```
#553efd rgb(85,62,253)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a557b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1e58dc Protanomaly 1% of men, 0.01% of women
#1e5ccb Deuteranomaly 6% of men, 0.4% of women
#1e61ab Tritanomaly 0.01% of the population

#553efd hex color

#553efd Color Information

#553efd Color Conversion

Color Schemes with #553efd

Alternatives to #553efd

#553efd Preview

Shades and Tints of #553efd

Tones of #553efd

Color Blindness Simulator