#5552d4 hex color

In a RGB color space, hex #5552d4 is composed of 33.3% red, 32.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 61.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 241.4 degrees, a saturation of 60.2% and a lightness of 57.6%. #5552d4 color hex could be obtained by blending #aaa4ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 32
- B 83
RGB color chart
- C 60
- M 61
- Y 0
- K 17
CMYK color chart

● #5552d4 color description : Moderate blue.

The hexadecimal color #5552d4 has RGB values of R:85, G:82, B:212 and CMYK values of C:0.6, M:0.61, Y:0, K:0.17. Its decimal value is 5591764.

Hex triplet	5552d4	`#5552d4`
RGB Decimal	85, 82, 212	`rgb(85,82,212)`
RGB Percent	33.3, 32.2, 83.1	`rgb(33.3%,32.2%,83.1%)`
CMYK	60, 61, 0, 17
HSL	241.4°, 60.2, 57.6	`hsl(241.4,60.2%,57.6%)`
HSV (or HSB)	241.4°, 61.3, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.336, 39.072, -66.742
XYZ	18.645, 12.719, 63.756
xyY	0.196, 0.134, 12.719
CIE-LCH	42.336, 77.338, 300.346
CIE-LUV	42.336, -6.446, -100.532
Hunter-Lab	35.663, 30.911, -81.031
Binary	01010101, 01010010, 11010100

#5552d4
```
#5552d4 rgb(85,82,212)
```
#d1d452
```
#d1d452 rgb(209,212,82)
```

Complementary Color

#5290d4
```
#5290d4 rgb(82,144,212)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#9652d4
```
#9652d4 rgb(150,82,212)
```

Analogous Color

#90d452
```
#90d452 rgb(144,212,82)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#d49652
```
#d49652 rgb(212,150,82)
```

Split Complementary Color

#52d455
```
#52d455 rgb(82,212,85)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#d45552
```
#d45552 rgb(212,85,82)
```

Triadic Color

#52d1d4
```
#52d1d4 rgb(82,209,212)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#d45552
```
#d45552 rgb(212,85,82)
```
#d1d452
```
#d1d452 rgb(209,212,82)
```

Tetradic Color

#2e2bae
```
#2e2bae rgb(46,43,174)
```
#3430c3
```
#3430c3 rgb(52,48,195)
```
#413ecf
```
#413ecf rgb(65,62,207)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#6966d9
```
#6966d9 rgb(105,102,217)
```
#7d7bde
```
#7d7bde rgb(125,123,222)
```
#918fe3
```
#918fe3 rgb(145,143,227)
```

Monochromatic Color

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

#5270d4
```
#5270d4 rgb(82,112,212)
```
#5265d4
```
#5265d4 rgb(82,101,212)
```
#525ad4
```
#525ad4 rgb(82,90,212)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#6052d4
```
#6052d4 rgb(96,82,212)
```
#6b52d4
```
#6b52d4 rgb(107,82,212)
```
#7652d4
```
#7652d4 rgb(118,82,212)
```

Similar Colors

Text with hexadecimal color #5552d4

This text has a font color of #5552d4.

<span style="color:#5552d4;">Text here</span>

#5552d4 background color

This paragraph has a background color of #5552d4.

<p style="background-color:#5552d4;">Content here</p>

#5552d4 border color

This element has a border color of #5552d4.

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

CSS codes

.text {color:#5552d4;}

.background {background-color:#5552d4;}

.border {border:1px solid #5552d4;}

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

#040410
```
#040410 rgb(4,4,16)
```
#08081f
```
#08081f rgb(8,8,31)
```
#0c0c2f
```
#0c0c2f rgb(12,12,47)
```
#11103f
```
#11103f rgb(17,16,63)
```
#15134e
```
#15134e rgb(21,19,78)
```
#19175e
```
#19175e rgb(25,23,94)
```
#1d1b6e
```
#1d1b6e rgb(29,27,110)
```
#211f7d
```
#211f7d rgb(33,31,125)
```
#26238d
```
#26238d rgb(38,35,141)
```
#2a279d
```
#2a279d rgb(42,39,157)
```
#2e2bad
```
#2e2bad rgb(46,43,173)
```
#322fbc
```
#322fbc rgb(50,47,188)
```
#3633cc
```
#3633cc rgb(54,51,204)
```

Shade Color Variation

#4642d0
```
#4642d0 rgb(70,66,208)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#6462d8
```
#6462d8 rgb(100,98,216)
```
#7471dc
```
#7471dc rgb(116,113,220)
```
#8381e0
```
#8381e0 rgb(131,129,224)
```
#9391e4
```
#9391e4 rgb(147,145,228)
```
#a2a1e8
```
#a2a1e8 rgb(162,161,232)
```
#b2b0eb
```
#b2b0eb rgb(178,176,235)
```
#c1c0ef
```
#c1c0ef rgb(193,192,239)
```
#d1d0f3
```
#d1d0f3 rgb(209,208,243)
```
#e0dff7
```
#e0dff7 rgb(224,223,247)
```
#efeffb
```
#efeffb rgb(239,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c9a is the less saturated color, while #2d28fe is the most saturated one.

#8c8c9a
```
#8c8c9a rgb(140,140,154)
```
#8584a2
```
#8584a2 rgb(133,132,162)
```
#7d7caa
```
#7d7caa rgb(125,124,170)
```
#7573b3
```
#7573b3 rgb(117,115,179)
```
#6d6bbb
```
#6d6bbb rgb(109,107,187)
```
#6563c3
```
#6563c3 rgb(101,99,195)
```
#5d5acc
```
#5d5acc rgb(93,90,204)
```
#5552d4
```
#5552d4 rgb(85,82,212)
```
#4d4adc
```
#4d4adc rgb(77,74,220)
```
#4541e5
```
#4541e5 rgb(69,65,229)
```
#3d39ed
```
#3d39ed rgb(61,57,237)
```
#3531f5
```
#3531f5 rgb(53,49,245)
```
#2d28fe
```
#2d28fe rgb(45,40,254)
```

Tone Color Variation

Below, you can see how #5552d4 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

#626262 Achromatopsia 0.005% of the population
#5f5f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#21757e Tritanopia 0.001% of the population

Trichromacy

#1e60cf Protanomaly 1% of men, 0.01% of women
#1e64bf Deuteranomaly 6% of men, 0.4% of women
#34689d Tritanomaly 0.01% of the population

#5552d4 hex color

#5552d4 Color Information

#5552d4 Color Conversion

Color Schemes with #5552d4

Alternatives to #5552d4

#5552d4 Preview

Shades and Tints of #5552d4

Tones of #5552d4

Color Blindness Simulator