#553feb hex color

In a RGB color space, hex #553feb is composed of 33.3% red, 24.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 73.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 247.7 degrees, a saturation of 81.1% and a lightness of 58.4%. #553feb color hex could be obtained by blending #aa7eff with #0000d7. Closest websafe color is: #6633ff.

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

● #553feb color description : Bright blue.

The hexadecimal color #553feb has RGB values of R:85, G:63, B:235 and CMYK values of C:0.64, M:0.73, Y:0, K:0.08. Its decimal value is 5586923.

Hex triplet	553feb	`#553feb`
RGB Decimal	85, 63, 235	`rgb(85,63,235)`
RGB Percent	33.3, 24.7, 92.2	`rgb(33.3%,24.7%,92.2%)`
CMYK	64, 73, 0, 8
HSL	247.7°, 81.1, 58.4	`hsl(247.7,81.1%,58.4%)`
HSV (or HSB)	247.7°, 73.2, 92.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.383, 56.901, -83.053
XYZ	20.516, 11.484, 79.728
xyY	0.184, 0.103, 11.484
CIE-LCH	40.383, 100.676, 304.416
CIE-LUV	40.383, -4.123, -120.258
Hunter-Lab	33.887, 48.766, -115.772
Binary	01010101, 00111111, 11101011

#553feb
```
#553feb rgb(85,63,235)
```
#d5eb3f
```
#d5eb3f rgb(213,235,63)
```

Complementary Color

#3f7feb
```
#3f7feb rgb(63,127,235)
```
#553feb
```
#553feb rgb(85,63,235)
```
#ab3feb
```
#ab3feb rgb(171,63,235)
```

Analogous Color

#7feb3f
```
#7feb3f rgb(127,235,63)
```
#553feb
```
#553feb rgb(85,63,235)
```
#ebab3f
```
#ebab3f rgb(235,171,63)
```

Split Complementary Color

#3feb55
```
#3feb55 rgb(63,235,85)
```
#553feb
```
#553feb rgb(85,63,235)
```
#eb553f
```
#eb553f rgb(235,85,63)
```

Triadic Color

#3fd5eb
```
#3fd5eb rgb(63,213,235)
```
#553feb
```
#553feb rgb(85,63,235)
```
#eb553f
```
#eb553f rgb(235,85,63)
```
#d5eb3f
```
#d5eb3f rgb(213,235,63)
```

Tetradic Color

#2c15c9
```
#2c15c9 rgb(44,21,201)
```
#3117e0
```
#3117e0 rgb(49,23,224)
```
#4128e9
```
#4128e9 rgb(65,40,233)
```
#553feb
```
#553feb rgb(85,63,235)
```
#6956ed
```
#6956ed rgb(105,86,237)
```
#7e6df0
```
#7e6df0 rgb(126,109,240)
```
#9284f2
```
#9284f2 rgb(146,132,242)
```

Monochromatic Color

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

#3f54eb
```
#3f54eb rgb(63,84,235)
```
#3f46eb
```
#3f46eb rgb(63,70,235)
```
#473feb
```
#473feb rgb(71,63,235)
```
#553feb
```
#553feb rgb(85,63,235)
```
#633feb
```
#633feb rgb(99,63,235)
```
#723feb
```
#723feb rgb(114,63,235)
```
#803feb
```
#803feb rgb(128,63,235)
```

Similar Colors

Text with hexadecimal color #553feb

This text has a font color of #553feb.

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

#553feb background color

This paragraph has a background color of #553feb.

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

#553feb border color

This element has a border color of #553feb.

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

CSS codes

.text {color:#553feb;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050215
```
#050215 rgb(5,2,21)
```
#090427
```
#090427 rgb(9,4,39)
```
#0c0639
```
#0c0639 rgb(12,6,57)
```
#10084a
```
#10084a rgb(16,8,74)
```
#140a5c
```
#140a5c rgb(20,10,92)
```
#180b6e
```
#180b6e rgb(24,11,110)
```
#1c0d80
```
#1c0d80 rgb(28,13,128)
```
#200f92
```
#200f92 rgb(32,15,146)
```
#2411a3
```
#2411a3 rgb(36,17,163)
```
#2813b5
```
#2813b5 rgb(40,19,181)
```
#2b15c7
```
#2b15c7 rgb(43,21,199)
```
#2f17d9
```
#2f17d9 rgb(47,23,217)
```

Shade Color Variation

#361be7
```
#361be7 rgb(54,27,231)
```
#452de9
```
#452de9 rgb(69,45,233)
```
#553feb
```
#553feb rgb(85,63,235)
```
#6551ed
```
#6551ed rgb(101,81,237)
```
#7463ef
```
#7463ef rgb(116,99,239)
```
#8474f1
```
#8474f1 rgb(132,116,241)
```
#9486f2
```
#9486f2 rgb(148,134,242)
```
#a498f4
```
#a498f4 rgb(164,152,244)
```
#b3aaf6
```
#b3aaf6 rgb(179,170,246)
```
#c3bbf8
```
#c3bbf8 rgb(195,187,248)
```
#d3cdfa
```
#d3cdfa rgb(211,205,250)
```
#e3dffc
```
#e3dffc rgb(227,223,252)
```
#f2f1fe
```
#f2f1fe rgb(242,241,254)
```

Tint Color Variation

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

#929199
```
#929199 rgb(146,145,153)
```
#8c88a2
```
#8c88a2 rgb(140,136,162)
```
#8680aa
```
#8680aa rgb(134,128,170)
```
#7f78b2
```
#7f78b2 rgb(127,120,178)
```
#7970ba
```
#7970ba rgb(121,112,186)
```
#7368c2
```
#7368c2 rgb(115,104,194)
```
#6d60ca
```
#6d60ca rgb(109,96,202)
```
#6757d3
```
#6757d3 rgb(103,87,211)
```
#614fdb
```
#614fdb rgb(97,79,219)
```
#5b47e3
```
#5b47e3 rgb(91,71,227)
```
#553feb
```
#553feb rgb(85,63,235)
```
#4f37f3
```
#4f37f3 rgb(79,55,243)
```
#492ffb
```
#492ffb rgb(73,47,251)
```

Tone Color Variation

Below, you can see how #553feb 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
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

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

#553feb hex color

#553feb Color Information

#553feb Color Conversion

Color Schemes with #553feb

Alternatives to #553feb

#553feb Preview

Shades and Tints of #553feb

Tones of #553feb

Color Blindness Simulator