#553bef hex color

In a RGB color space, hex #553bef is composed of 33.3% red, 23.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 75.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 248.7 degrees, a saturation of 84.9% and a lightness of 58.4%. #553bef color hex could be obtained by blending #aa76ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 23
- B 94
RGB color chart
- C 64
- M 75
- Y 0
- K 6
CMYK color chart

● #553bef color description : Bright blue.

The hexadecimal color #553bef has RGB values of R:85, G:59, B:239 and CMYK values of C:0.64, M:0.75, Y:0, K:0.06. Its decimal value is 5585903.

Hex triplet	553bef	`#553bef`
RGB Decimal	85, 59, 239	`rgb(85,59,239)`
RGB Percent	33.3, 23.1, 93.7	`rgb(33.3%,23.1%,93.7%)`
CMYK	64, 75, 0, 6
HSL	248.7°, 84.9, 58.4	`hsl(248.7,84.9%,58.4%)`
HSV (or HSB)	248.7°, 75.3, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.065, 60.069, -85.84
XYZ	20.887, 11.29, 82.735
xyY	0.182, 0.098, 11.29
CIE-LCH	40.065, 104.771, 304.984
CIE-LUV	40.065, -3.793, -123.222
Hunter-Lab	33.601, 52.158, -122.468
Binary	01010101, 00111011, 11101111

#553bef
```
#553bef rgb(85,59,239)
```
#d5ef3b
```
#d5ef3b rgb(213,239,59)
```

Complementary Color

#3b7bef
```
#3b7bef rgb(59,123,239)
```
#553bef
```
#553bef rgb(85,59,239)
```
#af3bef
```
#af3bef rgb(175,59,239)
```

Analogous Color

#7bef3b
```
#7bef3b rgb(123,239,59)
```
#553bef
```
#553bef rgb(85,59,239)
```
#efaf3b
```
#efaf3b rgb(239,175,59)
```

Split Complementary Color

#3bef55
```
#3bef55 rgb(59,239,85)
```
#553bef
```
#553bef rgb(85,59,239)
```
#ef553b
```
#ef553b rgb(239,85,59)
```

Triadic Color

#3bd5ef
```
#3bd5ef rgb(59,213,239)
```
#553bef
```
#553bef rgb(85,59,239)
```
#ef553b
```
#ef553b rgb(239,85,59)
```
#d5ef3b
```
#d5ef3b rgb(213,239,59)
```

Tetradic Color

#2c11cd
```
#2c11cd rgb(44,17,205)
```
#3113e4
```
#3113e4 rgb(49,19,228)
```
#4123ed
```
#4123ed rgb(65,35,237)
```
#553bef
```
#553bef rgb(85,59,239)
```
#6953f1
```
#6953f1 rgb(105,83,241)
```
#7e6af3
```
#7e6af3 rgb(126,106,243)
```
#9282f5
```
#9282f5 rgb(146,130,245)
```

Monochromatic Color

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

#3b4eef
```
#3b4eef rgb(59,78,239)
```
#3b3fef
```
#3b3fef rgb(59,63,239)
```
#463bef
```
#463bef rgb(70,59,239)
```
#553bef
```
#553bef rgb(85,59,239)
```
#643bef
```
#643bef rgb(100,59,239)
```
#733bef
```
#733bef rgb(115,59,239)
```
#823bef
```
#823bef rgb(130,59,239)
```

Similar Colors

Text with hexadecimal color #553bef

This text has a font color of #553bef.

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

#553bef background color

This paragraph has a background color of #553bef.

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

#553bef border color

This element has a border color of #553bef.

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

CSS codes

.text {color:#553bef;}

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

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

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 #f2f0fe is the lightest one.

#010003
```
#010003 rgb(1,0,3)
```
#050216
```
#050216 rgb(5,2,22)
```
#090328
```
#090328 rgb(9,3,40)
```
#0c053a
```
#0c053a rgb(12,5,58)
```
#10064c
```
#10064c rgb(16,6,76)
```
#14085e
```
#14085e rgb(20,8,94)
```
#180970
```
#180970 rgb(24,9,112)
```
#1c0b82
```
#1c0b82 rgb(28,11,130)
```
#200c95
```
#200c95 rgb(32,12,149)
```
#240ea7
```
#240ea7 rgb(36,14,167)
```
#280fb9
```
#280fb9 rgb(40,15,185)
```
#2b11cb
```
#2b11cb rgb(43,17,203)
```
#2f12dd
```
#2f12dd rgb(47,18,221)
```

Shade Color Variation

#3617ec
```
#3617ec rgb(54,23,236)
```
#4529ee
```
#4529ee rgb(69,41,238)
```
#553bef
```
#553bef rgb(85,59,239)
```
#654df0
```
#654df0 rgb(101,77,240)
```
#745ff2
```
#745ff2 rgb(116,95,242)
```
#8471f3
```
#8471f3 rgb(132,113,243)
```
#9484f5
```
#9484f5 rgb(148,132,245)
```
#a496f6
```
#a496f6 rgb(164,150,246)
```
#b3a8f8
```
#b3a8f8 rgb(179,168,248)
```
#c3baf9
```
#c3baf9 rgb(195,186,249)
```
#d3ccfb
```
#d3ccfb rgb(211,204,251)
```
#e3defc
```
#e3defc rgb(227,222,252)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#959595
```
#959595 rgb(149,149,149)
```
#8f8d9d
```
#8f8d9d rgb(143,141,157)
```
#8984a6
```
#8984a6 rgb(137,132,166)
```
#837cae
```
#837cae rgb(131,124,174)
```
#7e74b6
```
#7e74b6 rgb(126,116,182)
```
#786cbe
```
#786cbe rgb(120,108,190)
```
#7264c6
```
#7264c6 rgb(114,100,198)
```
#6c5cce
```
#6c5cce rgb(108,92,206)
```
#6653d7
```
#6653d7 rgb(102,83,215)
```
#614bdf
```
#614bdf rgb(97,75,223)
```
#5b43e7
```
#5b43e7 rgb(91,67,231)
```
#553bef
```
#553bef rgb(85,59,239)
```
#4f33f7
```
#4f33f7 rgb(79,51,247)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#575175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1e55d2 Protanomaly 1% of men, 0.01% of women
#1e58c2 Deuteranomaly 6% of men, 0.4% of women
#1e5da3 Tritanomaly 0.01% of the population

#553bef hex color

#553bef Color Information

#553bef Color Conversion

Color Schemes with #553bef

Alternatives to #553bef

#553bef Preview

Shades and Tints of #553bef

Tones of #553bef

Color Blindness Simulator