#553fd0 hex color

In a RGB color space, hex #553fd0 is composed of 33.3% red, 24.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 69.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 249.1 degrees, a saturation of 60.7% and a lightness of 53.1%. #553fd0 color hex could be obtained by blending #aa7eff with #0000a1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 25
- B 82
RGB color chart
- C 59
- M 70
- Y 0
- K 18
CMYK color chart

● #553fd0 color description : Moderate blue.

The hexadecimal color #553fd0 has RGB values of R:85, G:63, B:208 and CMYK values of C:0.59, M:0.7, Y:0, K:0.18. Its decimal value is 5586896.

Hex triplet	553fd0	`#553fd0`
RGB Decimal	85, 63, 208	`rgb(85,63,208)`
RGB Percent	33.3, 24.7, 81.6	`rgb(33.3%,24.7%,81.6%)`
CMYK	59, 70, 0, 18
HSL	249.1°, 60.7, 53.1	`hsl(249.1,60.7%,53.1%)`
HSV (or HSB)	249.1°, 69.7, 81.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.914, 48.811, -71.665
XYZ	16.907, 10.04, 60.718
xyY	0.193, 0.115, 10.04
CIE-LCH	37.914, 86.709, 304.258
CIE-LUV	37.914, -2.183, -103.464
Hunter-Lab	31.686, 39.794, -91.435
Binary	01010101, 00111111, 11010000

#553fd0
```
#553fd0 rgb(85,63,208)
```
#bad03f
```
#bad03f rgb(186,208,63)
```

Complementary Color

#3f72d0
```
#3f72d0 rgb(63,114,208)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#9e3fd0
```
#9e3fd0 rgb(158,63,208)
```

Analogous Color

#72d03f
```
#72d03f rgb(114,208,63)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#d09e3f
```
#d09e3f rgb(208,158,63)
```

Split Complementary Color

#3fd055
```
#3fd055 rgb(63,208,85)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#d0553f
```
#d0553f rgb(208,85,63)
```

Triadic Color

#3fbad0
```
#3fbad0 rgb(63,186,208)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#d0553f
```
#d0553f rgb(208,85,63)
```
#bad03f
```
#bad03f rgb(186,208,63)
```

Tetradic Color

#38269c
```
#38269c rgb(56,38,156)
```
#402bb1
```
#402bb1 rgb(64,43,177)
```
#4730c5
```
#4730c5 rgb(71,48,197)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#6753d5
```
#6753d5 rgb(103,83,213)
```
#7968da
```
#7968da rgb(121,104,218)
```
#8b7cdf
```
#8b7cdf rgb(139,124,223)
```

Monochromatic Color

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

#3f4dd0
```
#3f4dd0 rgb(63,77,208)
```
#3f41d0
```
#3f41d0 rgb(63,65,208)
```
#493fd0
```
#493fd0 rgb(73,63,208)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#613fd0
```
#613fd0 rgb(97,63,208)
```
#6d3fd0
```
#6d3fd0 rgb(109,63,208)
```
#793fd0
```
#793fd0 rgb(121,63,208)
```

Similar Colors

Text with hexadecimal color #553fd0

This text has a font color of #553fd0.

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

#553fd0 background color

This paragraph has a background color of #553fd0.

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

#553fd0 border color

This element has a border color of #553fd0.

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

CSS codes

.text {color:#553fd0;}

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

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

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, #05030d is the darkest color, while #fcfcfe is the lightest one.

#05030d
```
#05030d rgb(5,3,13)
```
#0a071d
```
#0a071d rgb(10,7,29)
```
#100b2c
```
#100b2c rgb(16,11,44)
```
#160f3c
```
#160f3c rgb(22,15,60)
```
#1b134c
```
#1b134c rgb(27,19,76)
```
#21165c
```
#21165c rgb(33,22,92)
```
#271a6b
```
#271a6b rgb(39,26,107)
```
#2c1e7b
```
#2c1e7b rgb(44,30,123)
```
#32228b
```
#32228b rgb(50,34,139)
```
#38269b
```
#38269b rgb(56,38,155)
```
#3d2aaa
```
#3d2aaa rgb(61,42,170)
```
#432eba
```
#432eba rgb(67,46,186)
```
#4931ca
```
#4931ca rgb(73,49,202)
```

Shade Color Variation

#553fd0
```
#553fd0 rgb(85,63,208)
```
#634fd4
```
#634fd4 rgb(99,79,212)
```
#715fd8
```
#715fd8 rgb(113,95,216)
```
#7f6edc
```
#7f6edc rgb(127,110,220)
```
#8d7edf
```
#8d7edf rgb(141,126,223)
```
#9b8ee3
```
#9b8ee3 rgb(155,142,227)
```
#a99ee7
```
#a99ee7 rgb(169,158,231)
```
#b7adeb
```
#b7adeb rgb(183,173,235)
```
#c5bdef
```
#c5bdef rgb(197,189,239)
```
#d3cdf3
```
#d3cdf3 rgb(211,205,243)
```
#e1ddf7
```
#e1ddf7 rgb(225,221,247)
```
#eeecfa
```
#eeecfa rgb(238,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827f90 is the less saturated color, while #3511fe is the most saturated one.

#827f90
```
#827f90 rgb(130,127,144)
```
#7b7699
```
#7b7699 rgb(123,118,153)
```
#756da2
```
#756da2 rgb(117,109,162)
```
#6f64ab
```
#6f64ab rgb(111,100,171)
```
#685bb4
```
#685bb4 rgb(104,91,180)
```
#6251be
```
#6251be rgb(98,81,190)
```
#5b48c7
```
#5b48c7 rgb(91,72,199)
```
#553fd0
```
#553fd0 rgb(85,63,208)
```
#4f36d9
```
#4f36d9 rgb(79,54,217)
```
#482de2
```
#482de2 rgb(72,45,226)
```
#4223ec
```
#4223ec rgb(66,35,236)
```
#3b1af5
```
#3b1af5 rgb(59,26,245)
```
#3511fe
```
#3511fe rgb(53,17,254)
```

Tone Color Variation

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

#005fb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#1d6a72 Tritanopia 0.001% of the population

Trichromacy

#1e53c1 Protanomaly 1% of men, 0.01% of women
#1e56b2 Deuteranomaly 6% of men, 0.4% of women
#315a94 Tritanomaly 0.01% of the population

#553fd0 hex color

#553fd0 Color Information

#553fd0 Color Conversion

Color Schemes with #553fd0

Alternatives to #553fd0

#553fd0 Preview

Shades and Tints of #553fd0

Tones of #553fd0

Color Blindness Simulator