#553fcc hex color

In a RGB color space, hex #553fcc is composed of 33.3% red, 24.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 69.1% magenta, 0% yellow and 20% black. It has a hue angle of 249.4 degrees, a saturation of 58% and a lightness of 52.4%. #553fcc color hex could be obtained by blending #aa7eff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 25
- B 80
RGB color chart
- C 58
- M 69
- Y 0
- K 20
CMYK color chart

● #553fcc color description : Moderate blue.

The hexadecimal color #553fcc has RGB values of R:85, G:63, B:204 and CMYK values of C:0.58, M:0.69, Y:0, K:0.2. Its decimal value is 5586892.

Hex triplet	553fcc	`#553fcc`
RGB Decimal	85, 63, 204	`rgb(85,63,204)`
RGB Percent	33.3, 24.7, 80	`rgb(33.3%,24.7%,80%)`
CMYK	58, 69, 0, 20
HSL	249.4°, 58, 52.4	`hsl(249.4,58%,52.4%)`
HSV (or HSB)	249.4°, 69.1, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.563, 47.6, -69.923
XYZ	16.421, 9.845, 58.158
xyY	0.195, 0.117, 9.845
CIE-LCH	37.563, 84.587, 304.245
CIE-LUV	37.563, -1.876, -100.902
Hunter-Lab	31.377, 38.505, -87.931
Binary	01010101, 00111111, 11001100

#553fcc
```
#553fcc rgb(85,63,204)
```
#b6cc3f
```
#b6cc3f rgb(182,204,63)
```

Complementary Color

#3f70cc
```
#3f70cc rgb(63,112,204)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#9c3fcc
```
#9c3fcc rgb(156,63,204)
```

Analogous Color

#70cc3f
```
#70cc3f rgb(112,204,63)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#cc9c3f
```
#cc9c3f rgb(204,156,63)
```

Split Complementary Color

#3fcc55
```
#3fcc55 rgb(63,204,85)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#cc553f
```
#cc553f rgb(204,85,63)
```

Triadic Color

#3fb6cc
```
#3fb6cc rgb(63,182,204)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#cc553f
```
#cc553f rgb(204,85,63)
```
#b6cc3f
```
#b6cc3f rgb(182,204,63)
```

Tetradic Color

#392897
```
#392897 rgb(57,40,151)
```
#412dab
```
#412dab rgb(65,45,171)
```
#4933bf
```
#4933bf rgb(73,51,191)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#6753d1
```
#6753d1 rgb(103,83,209)
```
#7967d7
```
#7967d7 rgb(121,103,215)
```
#8b7bdc
```
#8b7bdc rgb(139,123,220)
```

Monochromatic Color

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

#3f4ccc
```
#3f4ccc rgb(63,76,204)
```
#3f41cc
```
#3f41cc rgb(63,65,204)
```
#493fcc
```
#493fcc rgb(73,63,204)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#613fcc
```
#613fcc rgb(97,63,204)
```
#6d3fcc
```
#6d3fcc rgb(109,63,204)
```
#783fcc
```
#783fcc rgb(120,63,204)
```

Similar Colors

Text with hexadecimal color #553fcc

This text has a font color of #553fcc.

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

#553fcc background color

This paragraph has a background color of #553fcc.

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

#553fcc border color

This element has a border color of #553fcc.

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

CSS codes

.text {color:#553fcc;}

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

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

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

#040309
```
#040309 rgb(4,3,9)
```
#090719
```
#090719 rgb(9,7,25)
```
#0f0b28
```
#0f0b28 rgb(15,11,40)
```
#150f38
```
#150f38 rgb(21,15,56)
```
#1b1347
```
#1b1347 rgb(27,19,71)
```
#211757
```
#211757 rgb(33,23,87)
```
#271b66
```
#271b66 rgb(39,27,102)
```
#2d1f76
```
#2d1f76 rgb(45,31,118)
```
#332385
```
#332385 rgb(51,35,133)
```
#392895
```
#392895 rgb(57,40,149)
```
#3f2ca4
```
#3f2ca4 rgb(63,44,164)
```
#4430b4
```
#4430b4 rgb(68,48,180)
```
#4a34c3
```
#4a34c3 rgb(74,52,195)
```

Shade Color Variation

#553fcc
```
#553fcc rgb(85,63,204)
```
#634ed0
```
#634ed0 rgb(99,78,208)
```
#705ed4
```
#705ed4 rgb(112,94,212)
```
#7e6dd8
```
#7e6dd8 rgb(126,109,216)
```
#8c7ddc
```
#8c7ddc rgb(140,125,220)
```
#9a8ce1
```
#9a8ce1 rgb(154,140,225)
```
#a79ce5
```
#a79ce5 rgb(167,156,229)
```
#b5abe9
```
#b5abe9 rgb(181,171,233)
```
#c3bbed
```
#c3bbed rgb(195,187,237)
```
#d1caf1
```
#d1caf1 rgb(209,202,241)
```
#dedaf5
```
#dedaf5 rgb(222,218,245)
```
#ece9f9
```
#ece9f9 rgb(236,233,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#82808b
```
#82808b rgb(130,128,139)
```
#7c7794
```
#7c7794 rgb(124,119,148)
```
#756e9d
```
#756e9d rgb(117,110,157)
```
#6f64a7
```
#6f64a7 rgb(111,100,167)
```
#685bb0
```
#685bb0 rgb(104,91,176)
```
#6252b9
```
#6252b9 rgb(98,82,185)
```
#5b48c3
```
#5b48c3 rgb(91,72,195)
```
#553fcc
```
#553fcc rgb(85,63,204)
```
#4f36d5
```
#4f36d5 rgb(79,54,213)
```
#482cdf
```
#482cdf rgb(72,44,223)
```
#4223e8
```
#4223e8 rgb(66,35,232)
```
#3b1af1
```
#3b1af1 rgb(59,26,241)
```
#3510fb
```
#3510fb rgb(53,16,251)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#56516e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#256971 Tritanopia 0.001% of the population

Trichromacy

#1e52bf Protanomaly 1% of men, 0.01% of women
#1e56b0 Deuteranomaly 6% of men, 0.4% of women
#365a92 Tritanomaly 0.01% of the population

#553fcc hex color

#553fcc Color Information

#553fcc Color Conversion

Color Schemes with #553fcc

Alternatives to #553fcc

#553fcc Preview

Shades and Tints of #553fcc

Tones of #553fcc

Color Blindness Simulator