#553dba hex color

In a RGB color space, hex #553dba is composed of 33.3% red, 23.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 67.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 251.5 degrees, a saturation of 50.6% and a lightness of 48.4%. #553dba color hex could be obtained by blending #aa7aff with #000075. Closest websafe color is: #6633cc.

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

● #553dba color description : Moderate blue.

The hexadecimal color #553dba has RGB values of R:85, G:61, B:186 and CMYK values of C:0.54, M:0.67, Y:0, K:0.27. Its decimal value is 5586362.

Hex triplet	553dba	`#553dba`
RGB Decimal	85, 61, 186	`rgb(85,61,186)`
RGB Percent	33.3, 23.9, 72.9	`rgb(33.3%,23.9%,72.9%)`
CMYK	54, 67, 0, 27
HSL	251.5°, 50.6, 48.4	`hsl(251.5,50.6%,48.4%)`
HSV (or HSB)	251.5°, 67.2, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.623, 43.272, -62.574
XYZ	14.276, 8.814, 47.401
xyY	0.203, 0.125, 8.814
CIE-LCH	35.623, 76.079, 304.665
CIE-LUV	35.623, -0.012, -89.638
Hunter-Lab	29.688, 33.885, -73.884
Binary	01010101, 00111101, 10111010

#553dba
```
#553dba rgb(85,61,186)
```
#a2ba3d
```
#a2ba3d rgb(162,186,61)
```

Complementary Color

#3d64ba
```
#3d64ba rgb(61,100,186)
```
#553dba
```
#553dba rgb(85,61,186)
```
#943dba
```
#943dba rgb(148,61,186)
```

Analogous Color

#64ba3d
```
#64ba3d rgb(100,186,61)
```
#553dba
```
#553dba rgb(85,61,186)
```
#ba943d
```
#ba943d rgb(186,148,61)
```

Split Complementary Color

#3dba55
```
#3dba55 rgb(61,186,85)
```
#553dba
```
#553dba rgb(85,61,186)
```
#ba553d
```
#ba553d rgb(186,85,61)
```

Triadic Color

#3da2ba
```
#3da2ba rgb(61,162,186)
```
#553dba
```
#553dba rgb(85,61,186)
```
#ba553d
```
#ba553d rgb(186,85,61)
```
#a2ba3d
```
#a2ba3d rgb(162,186,61)
```

Tetradic Color

#3b2a80
```
#3b2a80 rgb(59,42,128)
```
#433094
```
#433094 rgb(67,48,148)
```
#4c37a7
```
#4c37a7 rgb(76,55,167)
```
#553dba
```
#553dba rgb(85,61,186)
```
#634cc4
```
#634cc4 rgb(99,76,196)
```
#745fcb
```
#745fcb rgb(116,95,203)
```
#8573d1
```
#8573d1 rgb(133,115,209)
```

Monochromatic Color

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

#3d44ba
```
#3d44ba rgb(61,68,186)
```
#403dba
```
#403dba rgb(64,61,186)
```
#4b3dba
```
#4b3dba rgb(75,61,186)
```
#553dba
```
#553dba rgb(85,61,186)
```
#5f3dba
```
#5f3dba rgb(95,61,186)
```
#6a3dba
```
#6a3dba rgb(106,61,186)
```
#743dba
```
#743dba rgb(116,61,186)
```

Similar Colors

Text with hexadecimal color #553dba

This text has a font color of #553dba.

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

#553dba background color

This paragraph has a background color of #553dba.

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

#553dba border color

This element has a border color of #553dba.

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

CSS codes

.text {color:#553dba;}

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

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

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)
```
#0b0818
```
#0b0818 rgb(11,8,24)
```
#110d26
```
#110d26 rgb(17,13,38)
```
#181135
```
#181135 rgb(24,17,53)
```
#1f1644
```
#1f1644 rgb(31,22,68)
```
#261b53
```
#261b53 rgb(38,27,83)
```
#2c2061
```
#2c2061 rgb(44,32,97)
```
#332570
```
#332570 rgb(51,37,112)
```
#3a2a7f
```
#3a2a7f rgb(58,42,127)
```
#412e8e
```
#412e8e rgb(65,46,142)
```
#47339c
```
#47339c rgb(71,51,156)
```
#4e38ab
```
#4e38ab rgb(78,56,171)
```
#553dba
```
#553dba rgb(85,61,186)
```

Shade Color Variation

#5f48c3
```
#5f48c3 rgb(95,72,195)
```
#6c56c8
```
#6c56c8 rgb(108,86,200)
```
#7965cd
```
#7965cd rgb(121,101,205)
```
#8674d1
```
#8674d1 rgb(134,116,209)
```
#9383d6
```
#9383d6 rgb(147,131,214)
```
#a092db
```
#a092db rgb(160,146,219)
```
#ada0e0
```
#ada0e0 rgb(173,160,224)
```
#b9afe5
```
#b9afe5 rgb(185,175,229)
```
#c6beea
```
#c6beea rgb(198,190,234)
```
#d3cdee
```
#d3cdee rgb(211,205,238)
```
#e0dbf3
```
#e0dbf3 rgb(224,219,243)
```
#edeaf8
```
#edeaf8 rgb(237,234,248)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#787681
```
#787681 rgb(120,118,129)
```
#726d8b
```
#726d8b rgb(114,109,139)
```
#6c6394
```
#6c6394 rgb(108,99,148)
```
#675a9e
```
#675a9e rgb(103,90,158)
```
#6150a7
```
#6150a7 rgb(97,80,167)
```
#5b47b1
```
#5b47b1 rgb(91,71,177)
```
#553dba
```
#553dba rgb(85,61,186)
```
#4f34c4
```
#4f34c4 rgb(79,52,196)
```
#492acd
```
#492acd rgb(73,42,205)
```
#4321d7
```
#4321d7 rgb(67,33,215)
```
#3e17e0
```
#3e17e0 rgb(62,23,224)
```
#380eea
```
#380eea rgb(56,14,234)
```
#3204f3
```
#3204f3 rgb(50,4,243)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#534e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#37626a Tritanopia 0.001% of the population

Trichromacy

#1e4fb3 Protanomaly 1% of men, 0.01% of women
#1e52a5 Deuteranomaly 6% of men, 0.4% of women
#425587 Tritanomaly 0.01% of the population

#553dba hex color

#553dba Color Information

#553dba Color Conversion

Color Schemes with #553dba

Alternatives to #553dba

#553dba Preview

Shades and Tints of #553dba

Tones of #553dba

Color Blindness Simulator