#553fec hex color

In a RGB color space, hex #553fec is composed of 33.3% red, 24.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 73.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 247.6 degrees, a saturation of 82% and a lightness of 58.6%. #553fec color hex could be obtained by blending #aa7eff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 25
- B 93
RGB color chart
- C 64
- M 73
- Y 0
- K 7
CMYK color chart

● #553fec color description : Bright blue.

The hexadecimal color #553fec has RGB values of R:85, G:63, B:236 and CMYK values of C:0.64, M:0.73, Y:0, K:0.07. Its decimal value is 5586924.

Hex triplet	553fec	`#553fec`
RGB Decimal	85, 63, 236	`rgb(85,63,236)`
RGB Percent	33.3, 24.7, 92.5	`rgb(33.3%,24.7%,92.5%)`
CMYK	64, 73, 0, 7
HSL	247.6°, 82, 58.6	`hsl(247.6,82%,58.6%)`
HSV (or HSB)	247.6°, 73.3, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.478, 57.198, -83.463
XYZ	20.661, 11.542, 80.491
xyY	0.183, 0.102, 11.542
CIE-LCH	40.478, 101.182, 304.423
CIE-LUV	40.478, -4.191, -120.865
Hunter-Lab	33.973, 49.106, -116.694
Binary	01010101, 00111111, 11101100

#553fec
```
#553fec rgb(85,63,236)
```
#d6ec3f
```
#d6ec3f rgb(214,236,63)
```

Complementary Color

#3f80ec
```
#3f80ec rgb(63,128,236)
```
#553fec
```
#553fec rgb(85,63,236)
```
#ac3fec
```
#ac3fec rgb(172,63,236)
```

Analogous Color

#80ec3f
```
#80ec3f rgb(128,236,63)
```
#553fec
```
#553fec rgb(85,63,236)
```
#ecac3f
```
#ecac3f rgb(236,172,63)
```

Split Complementary Color

#3fec55
```
#3fec55 rgb(63,236,85)
```
#553fec
```
#553fec rgb(85,63,236)
```
#ec553f
```
#ec553f rgb(236,85,63)
```

Triadic Color

#3fd6ec
```
#3fd6ec rgb(63,214,236)
```
#553fec
```
#553fec rgb(85,63,236)
```
#ec553f
```
#ec553f rgb(236,85,63)
```
#d6ec3f
```
#d6ec3f rgb(214,236,63)
```

Tetradic Color

#2b14ca
```
#2b14ca rgb(43,20,202)
```
#3016e2
```
#3016e2 rgb(48,22,226)
```
#4028ea
```
#4028ea rgb(64,40,234)
```
#553fec
```
#553fec rgb(85,63,236)
```
#6a56ee
```
#6a56ee rgb(106,86,238)
```
#7e6df1
```
#7e6df1 rgb(126,109,241)
```
#9385f3
```
#9385f3 rgb(147,133,243)
```

Monochromatic Color

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

#3f54ec
```
#3f54ec rgb(63,84,236)
```
#3f46ec
```
#3f46ec rgb(63,70,236)
```
#473fec
```
#473fec rgb(71,63,236)
```
#553fec
```
#553fec rgb(85,63,236)
```
#633fec
```
#633fec rgb(99,63,236)
```
#723fec
```
#723fec rgb(114,63,236)
```
#803fec
```
#803fec rgb(128,63,236)
```

Similar Colors

Text with hexadecimal color #553fec

This text has a font color of #553fec.

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

#553fec background color

This paragraph has a background color of #553fec.

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

#553fec border color

This element has a border color of #553fec.

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

CSS codes

.text {color:#553fec;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#050216
```
#050216 rgb(5,2,22)
```
#090428
```
#090428 rgb(9,4,40)
```
#0c063a
```
#0c063a rgb(12,6,58)
```
#10074c
```
#10074c rgb(16,7,76)
```
#14095e
```
#14095e rgb(20,9,94)
```
#180b6f
```
#180b6f rgb(24,11,111)
```
#1c0d81
```
#1c0d81 rgb(28,13,129)
```
#1f0f93
```
#1f0f93 rgb(31,15,147)
```
#2310a5
```
#2310a5 rgb(35,16,165)
```
#2712b7
```
#2712b7 rgb(39,18,183)
```
#2b14c9
```
#2b14c9 rgb(43,20,201)
```
#2f16db
```
#2f16db rgb(47,22,219)
```

Shade Color Variation

#351be8
```
#351be8 rgb(53,27,232)
```
#452dea
```
#452dea rgb(69,45,234)
```
#553fec
```
#553fec rgb(85,63,236)
```
#6551ee
```
#6551ee rgb(101,81,238)
```
#7563f0
```
#7563f0 rgb(117,99,240)
```
#8475f1
```
#8475f1 rgb(132,117,241)
```
#9486f3
```
#9486f3 rgb(148,134,243)
```
#a498f5
```
#a498f5 rgb(164,152,245)
```
#b4aaf7
```
#b4aaf7 rgb(180,170,247)
```
#c4bcf8
```
#c4bcf8 rgb(196,188,248)
```
#d3cefa
```
#d3cefa rgb(211,206,250)
```
#e3e0fc
```
#e3e0fc rgb(227,224,252)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92909b is the less saturated color, while #492ffc is the most saturated one.

#92909b
```
#92909b rgb(146,144,155)
```
#8b88a3
```
#8b88a3 rgb(139,136,163)
```
#8580ab
```
#8580ab rgb(133,128,171)
```
#7f78b3
```
#7f78b3 rgb(127,120,179)
```
#7970bb
```
#7970bb rgb(121,112,187)
```
#7368c3
```
#7368c3 rgb(115,104,195)
```
#6d5fcc
```
#6d5fcc rgb(109,95,204)
```
#6757d4
```
#6757d4 rgb(103,87,212)
```
#614fdc
```
#614fdc rgb(97,79,220)
```
#5b47e4
```
#5b47e4 rgb(91,71,228)
```
#553fec
```
#553fec rgb(85,63,236)
```
#4f37f4
```
#4f37f4 rgb(79,55,244)
```
#492ffc
```
#492ffc rgb(73,47,252)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#1e57d2 Protanomaly 1% of men, 0.01% of women
#1e5ac2 Deuteranomaly 6% of men, 0.4% of women
#1e5fa2 Tritanomaly 0.01% of the population

#553fec hex color

#553fec Color Information

#553fec Color Conversion

Color Schemes with #553fec

Alternatives to #553fec

#553fec Preview

Shades and Tints of #553fec

Tones of #553fec

Color Blindness Simulator