#553eff hex color

In a RGB color space, hex #553eff is composed of 33.3% red, 24.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 75.7% magenta, 0% yellow and 0% black. It has a hue angle of 247.2 degrees, a saturation of 100% and a lightness of 62.2%. #553eff color hex could be obtained by blending #aa7cff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 24
- B 100
RGB color chart
- C 67
- M 76
- Y 0
- K 0
CMYK color chart

● #553eff color description : Light blue.

The hexadecimal color #553eff has RGB values of R:85, G:62, B:255 and CMYK values of C:0.67, M:0.76, Y:0, K:0. Its decimal value is 5586687.

Hex triplet	553eff	`#553eff`
RGB Decimal	85, 62, 255	`rgb(85,62,255)`
RGB Percent	33.3, 24.3, 100	`rgb(33.3%,24.3%,100%)`
CMYK	67, 76, 0, 0
HSL	247.2°, 100, 62.2	`hsl(247.2,100%,62.2%)`
HSV (or HSB)	247.2°, 75.7, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.147, 63.254, -91.388
XYZ	23.515, 12.595, 95.794
xyY	0.178, 0.095, 12.595
CIE-LCH	42.147, 111.143, 304.689
CIE-LUV	42.147, -5.288, -132.344
Hunter-Lab	35.49, 56.165, -135.192
Binary	01010101, 00111110, 11111111

#553eff
```
#553eff rgb(85,62,255)
```
#e8ff3e
```
#e8ff3e rgb(232,255,62)
```

Complementary Color

#3e88ff
```
#3e88ff rgb(62,136,255)
```
#553eff
```
#553eff rgb(85,62,255)
```
#b63eff
```
#b63eff rgb(182,62,255)
```

Analogous Color

#88ff3e
```
#88ff3e rgb(136,255,62)
```
#553eff
```
#553eff rgb(85,62,255)
```
#ffb63e
```
#ffb63e rgb(255,182,62)
```

Split Complementary Color

#3eff55
```
#3eff55 rgb(62,255,85)
```
#553eff
```
#553eff rgb(85,62,255)
```
#ff553e
```
#ff553e rgb(255,85,62)
```

Triadic Color

#3ee8ff
```
#3ee8ff rgb(62,232,255)
```
#553eff
```
#553eff rgb(85,62,255)
```
#ff553e
```
#ff553e rgb(255,85,62)
```
#e8ff3e
```
#e8ff3e rgb(232,255,62)
```

Tetradic Color

#1d00f1
```
#1d00f1 rgb(29,0,241)
```
#280bff
```
#280bff rgb(40,11,255)
```
#3f25ff
```
#3f25ff rgb(63,37,255)
```
#553eff
```
#553eff rgb(85,62,255)
```
#6b58ff
```
#6b58ff rgb(107,88,255)
```
#8271ff
```
#8271ff rgb(130,113,255)
```
#988bff
```
#988bff rgb(152,139,255)
```

Monochromatic Color

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

#3e57ff
```
#3e57ff rgb(62,87,255)
```
#3e47ff
```
#3e47ff rgb(62,71,255)
```
#453eff
```
#453eff rgb(69,62,255)
```
#553eff
```
#553eff rgb(85,62,255)
```
#653eff
```
#653eff rgb(101,62,255)
```
#753eff
```
#753eff rgb(117,62,255)
```
#853eff
```
#853eff rgb(133,62,255)
```

Similar Colors

Text with hexadecimal color #553eff

This text has a font color of #553eff.

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

#553eff background color

This paragraph has a background color of #553eff.

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

#553eff border color

This element has a border color of #553eff.

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

CSS codes

.text {color:#553eff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#030017
```
#030017 rgb(3,0,23)
```
#05002a
```
#05002a rgb(5,0,42)
```
#07003e
```
#07003e rgb(7,0,62)
```
#0a0052
```
#0a0052 rgb(10,0,82)
```
#0c0065
```
#0c0065 rgb(12,0,101)
```
#0e0079
```
#0e0079 rgb(14,0,121)
```
#11008c
```
#11008c rgb(17,0,140)
```
#1300a0
```
#1300a0 rgb(19,0,160)
```
#1500b4
```
#1500b4 rgb(21,0,180)
```
#1800c7
```
#1800c7 rgb(24,0,199)
```
#1a00db
```
#1a00db rgb(26,0,219)
```
#1c00ef
```
#1c00ef rgb(28,0,239)
```

Shade Color Variation

#2103ff
```
#2103ff rgb(33,3,255)
```
#3217ff
```
#3217ff rgb(50,23,255)
```
#442aff
```
#442aff rgb(68,42,255)
```
#553eff
```
#553eff rgb(85,62,255)
```
#6652ff
```
#6652ff rgb(102,82,255)
```
#7865ff
```
#7865ff rgb(120,101,255)
```
#8979ff
```
#8979ff rgb(137,121,255)
```
#9a8cff
```
#9a8cff rgb(154,140,255)
```
#aba0ff
```
#aba0ff rgb(171,160,255)
```
#bdb4ff
```
#bdb4ff rgb(189,180,255)
```
#cec7ff
```
#cec7ff rgb(206,199,255)
```
#dfdbff
```
#dfdbff rgb(223,219,255)
```
#f1efff
```
#f1efff rgb(241,239,255)
```

Tint Color Variation

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

#9997a6
```
#9997a6 rgb(153,151,166)
```
#9390ad
```
#9390ad rgb(147,144,173)
```
#8e88b5
```
#8e88b5 rgb(142,136,181)
```
#8881bc
```
#8881bc rgb(136,129,188)
```
#8279c4
```
#8279c4 rgb(130,121,196)
```
#7d72cb
```
#7d72cb rgb(125,114,203)
```
#776bd2
```
#776bd2 rgb(119,107,210)
```
#7163da
```
#7163da rgb(113,99,218)
```
#6c5ce1
```
#6c5ce1 rgb(108,92,225)
```
#6654e9
```
#6654e9 rgb(102,84,233)
```
#604df0
```
#604df0 rgb(96,77,240)
```
#5b45f8
```
#5b45f8 rgb(91,69,248)
```
#553eff
```
#553eff rgb(85,62,255)
```

Tone Color Variation

Below, you can see how #553eff 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
#5a557c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1e59dd Protanomaly 1% of men, 0.01% of women
#1e5ccc Deuteranomaly 6% of men, 0.4% of women
#1e61ac Tritanomaly 0.01% of the population

#553eff hex color

#553eff Color Information

#553eff Color Conversion

Color Schemes with #553eff

Alternatives to #553eff

#553eff Preview

Shades and Tints of #553eff

Tones of #553eff

Color Blindness Simulator