#553cf7 hex color

In a RGB color space, hex #553cf7 is composed of 33.3% red, 23.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 75.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 248 degrees, a saturation of 92.1% and a lightness of 60.2%. #553cf7 color hex could be obtained by blending #aa78ff with #0000ef. Closest websafe color is: #6633ff.

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

● #553cf7 color description : Bright blue.

The hexadecimal color #553cf7 has RGB values of R:85, G:60, B:247 and CMYK values of C:0.66, M:0.76, Y:0, K:0.03. Its decimal value is 5586167.

Hex triplet	553cf7	`#553cf7`
RGB Decimal	85, 60, 247	`rgb(85,60,247)`
RGB Percent	33.3, 23.5, 96.9	`rgb(33.3%,23.5%,96.9%)`
CMYK	66, 76, 0, 3
HSL	248°, 92.1, 60.2	`hsl(248,92.1%,60.2%)`
HSV (or HSB)	248°, 75.7, 96.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.021, 61.901, -88.769
XYZ	22.147, 11.877, 89.116
xyY	0.18, 0.096, 11.877
CIE-LCH	41.021, 108.221, 304.889
CIE-LUV	41.021, -4.483, -127.855
Hunter-Lab	34.464, 54.399, -129.188
Binary	01010101, 00111100, 11110111

#553cf7
```
#553cf7 rgb(85,60,247)
```
#def73c
```
#def73c rgb(222,247,60)
```

Complementary Color

#3c81f7
```
#3c81f7 rgb(60,129,247)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#b33cf7
```
#b33cf7 rgb(179,60,247)
```

Analogous Color

#81f73c
```
#81f73c rgb(129,247,60)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#f7b33c
```
#f7b33c rgb(247,179,60)
```

Split Complementary Color

#3cf755
```
#3cf755 rgb(60,247,85)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#f7553c
```
#f7553c rgb(247,85,60)
```

Triadic Color

#3cdef7
```
#3cdef7 rgb(60,222,247)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#f7553c
```
#f7553c rgb(247,85,60)
```
#def73c
```
#def73c rgb(222,247,60)
```

Tetradic Color

#2509dd
```
#2509dd rgb(37,9,221)
```
#2a0bf5
```
#2a0bf5 rgb(42,11,245)
```
#4024f6
```
#4024f6 rgb(64,36,246)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#6a54f8
```
#6a54f8 rgb(106,84,248)
```
#806df9
```
#806df9 rgb(128,109,249)
```
#9585fa
```
#9585fa rgb(149,133,250)
```

Monochromatic Color

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

#3c52f7
```
#3c52f7 rgb(60,82,247)
```
#3c42f7
```
#3c42f7 rgb(60,66,247)
```
#453cf7
```
#453cf7 rgb(69,60,247)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#653cf7
```
#653cf7 rgb(101,60,247)
```
#743cf7
```
#743cf7 rgb(116,60,247)
```
#843cf7
```
#843cf7 rgb(132,60,247)
```

Similar Colors

Text with hexadecimal color #553cf7

This text has a font color of #553cf7.

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

#553cf7 background color

This paragraph has a background color of #553cf7.

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

#553cf7 border color

This element has a border color of #553cf7.

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

CSS codes

.text {color:#553cf7;}

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

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

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, #02010c is the darkest color, while #f9f8ff is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#05011f
```
#05011f rgb(5,1,31)
```
#080232
```
#080232 rgb(8,2,50)
```
#0c0345
```
#0c0345 rgb(12,3,69)
```
#0f0458
```
#0f0458 rgb(15,4,88)
```
#12046a
```
#12046a rgb(18,4,106)
```
#15057d
```
#15057d rgb(21,5,125)
```
#180690
```
#180690 rgb(24,6,144)
```
#1c07a3
```
#1c07a3 rgb(28,7,163)
```
#1f07b6
```
#1f07b6 rgb(31,7,182)
```
#2208c9
```
#2208c9 rgb(34,8,201)
```
#2509dc
```
#2509dc rgb(37,9,220)
```
#280aee
```
#280aee rgb(40,10,238)
```

Shade Color Variation

#3416f5
```
#3416f5 rgb(52,22,245)
```
#4529f6
```
#4529f6 rgb(69,41,246)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#654ff8
```
#654ff8 rgb(101,79,248)
```
#7662f9
```
#7662f9 rgb(118,98,249)
```
#8675f9
```
#8675f9 rgb(134,117,249)
```
#9787fa
```
#9787fa rgb(151,135,250)
```
#a79afb
```
#a79afb rgb(167,154,251)
```
#b8adfc
```
#b8adfc rgb(184,173,252)
```
#c8c0fc
```
#c8c0fc rgb(200,192,252)
```
#d8d3fd
```
#d8d3fd rgb(216,211,253)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#9492a1
```
#9492a1 rgb(148,146,161)
```
#8e8aa9
```
#8e8aa9 rgb(142,138,169)
```
#8882b1
```
#8882b1 rgb(136,130,177)
```
#837ab9
```
#837ab9 rgb(131,122,185)
```
#7d73c0
```
#7d73c0 rgb(125,115,192)
```
#776bc8
```
#776bc8 rgb(119,107,200)
```
#7263d0
```
#7263d0 rgb(114,99,208)
```
#6c5bd8
```
#6c5bd8 rgb(108,91,216)
```
#6653e0
```
#6653e0 rgb(102,83,224)
```
#604ce7
```
#604ce7 rgb(96,76,231)
```
#5b44ef
```
#5b44ef rgb(91,68,239)
```
#553cf7
```
#553cf7 rgb(85,60,247)
```
#4f34ff
```
#4f34ff rgb(79,52,255)
```

Tone Color Variation

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

Dichromacy

#0066c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1e56d7 Protanomaly 1% of men, 0.01% of women
#1e5ac7 Deuteranomaly 6% of men, 0.4% of women
#1e5fa7 Tritanomaly 0.01% of the population

#553cf7 hex color

#553cf7 Color Information

#553cf7 Color Conversion

Color Schemes with #553cf7

Alternatives to #553cf7

#553cf7 Preview

Shades and Tints of #553cf7

Tones of #553cf7

Color Blindness Simulator