#5542f2 hex color

In a RGB color space, hex #5542f2 is composed of 33.3% red, 25.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 72.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.5 degrees, a saturation of 87.1% and a lightness of 60.4%. #5542f2 color hex could be obtained by blending #aa84ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 26
- B 95
RGB color chart
- C 65
- M 73
- Y 0
- K 5
CMYK color chart

● #5542f2 color description : Bright blue.

The hexadecimal color #5542f2 has RGB values of R:85, G:66, B:242 and CMYK values of C:0.65, M:0.73, Y:0, K:0.05. Its decimal value is 5587698.

Hex triplet	5542f2	`#5542f2`
RGB Decimal	85, 66, 242	`rgb(85,66,242)`
RGB Percent	33.3, 25.9, 94.9	`rgb(33.3%,25.9%,94.9%)`
CMYK	65, 73, 0, 5
HSL	246.5°, 87.1, 60.4	`hsl(246.5,87.1%,60.4%)`
HSV (or HSB)	246.5°, 72.7, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.591, 57.442, -85.016
XYZ	21.718, 12.238, 85.217
xyY	0.182, 0.103, 12.238
CIE-LCH	41.591, 102.603, 304.045
CIE-LUV	41.591, -5.064, -124.028
Hunter-Lab	34.982, 49.602, -119.944
Binary	01010101, 01000010, 11110010

#5542f2
```
#5542f2 rgb(85,66,242)
```
#dff242
```
#dff242 rgb(223,242,66)
```

Complementary Color

#4287f2
```
#4287f2 rgb(66,135,242)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#ad42f2
```
#ad42f2 rgb(173,66,242)
```

Analogous Color

#87f242
```
#87f242 rgb(135,242,66)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#f2ad42
```
#f2ad42 rgb(242,173,66)
```

Split Complementary Color

#42f255
```
#42f255 rgb(66,242,85)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#f25542
```
#f25542 rgb(242,85,66)
```

Triadic Color

#42dff2
```
#42dff2 rgb(66,223,242)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#f25542
```
#f25542 rgb(242,85,66)
```
#dff242
```
#dff242 rgb(223,242,66)
```

Tetradic Color

#250fd9
```
#250fd9 rgb(37,15,217)
```
#2a12ef
```
#2a12ef rgb(42,18,239)
```
#402af0
```
#402af0 rgb(64,42,240)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#6a5af4
```
#6a5af4 rgb(106,90,244)
```
#8072f5
```
#8072f5 rgb(128,114,245)
```
#958af7
```
#958af7 rgb(149,138,247)
```

Monochromatic Color

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

#425bf2
```
#425bf2 rgb(66,91,242)
```
#424cf2
```
#424cf2 rgb(66,76,242)
```
#4642f2
```
#4642f2 rgb(70,66,242)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#6442f2
```
#6442f2 rgb(100,66,242)
```
#7242f2
```
#7242f2 rgb(114,66,242)
```
#8142f2
```
#8142f2 rgb(129,66,242)
```

Similar Colors

Text with hexadecimal color #5542f2

This text has a font color of #5542f2.

<span style="color:#5542f2;">Text here</span>

#5542f2 background color

This paragraph has a background color of #5542f2.

<p style="background-color:#5542f2;">Content here</p>

#5542f2 border color

This element has a border color of #5542f2.

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

CSS codes

.text {color:#5542f2;}

.background {background-color:#5542f2;}

.border {border:1px solid #5542f2;}

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

#02010d
```
#02010d rgb(2,1,13)
```
#05021f
```
#05021f rgb(5,2,31)
```
#080332
```
#080332 rgb(8,3,50)
```
#0c0544
```
#0c0544 rgb(12,5,68)
```
#0f0656
```
#0f0656 rgb(15,6,86)
```
#120769
```
#120769 rgb(18,7,105)
```
#15087b
```
#15087b rgb(21,8,123)
```
#180a8d
```
#180a8d rgb(24,10,141)
```
#1b0ba0
```
#1b0ba0 rgb(27,11,160)
```
#1e0cb2
```
#1e0cb2 rgb(30,12,178)
```
#210ec4
```
#210ec4 rgb(33,14,196)
```
#240fd7
```
#240fd7 rgb(36,15,215)
```
#2710e9
```
#2710e9 rgb(39,16,233)
```

Shade Color Variation

#341def
```
#341def rgb(52,29,239)
```
#4430f1
```
#4430f1 rgb(68,48,241)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#6654f3
```
#6654f3 rgb(102,84,243)
```
#7667f5
```
#7667f5 rgb(118,103,245)
```
#8779f6
```
#8779f6 rgb(135,121,246)
```
#978bf7
```
#978bf7 rgb(151,139,247)
```
#a89ef8
```
#a89ef8 rgb(168,158,248)
```
#b8b0fa
```
#b8b0fa rgb(184,176,250)
```
#c9c2fb
```
#c9c2fb rgb(201,194,251)
```
#d9d5fc
```
#d9d5fc rgb(217,213,252)
```
#eae7fd
```
#eae7fd rgb(234,231,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#98979d
```
#98979d rgb(152,151,157)
```
#9290a4
```
#9290a4 rgb(146,144,164)
```
#8c88ac
```
#8c88ac rgb(140,136,172)
```
#8680b4
```
#8680b4 rgb(134,128,180)
```
#8078bc
```
#8078bc rgb(128,120,188)
```
#7a71c3
```
#7a71c3 rgb(122,113,195)
```
#7369cb
```
#7369cb rgb(115,105,203)
```
#6d61d3
```
#6d61d3 rgb(109,97,211)
```
#6759db
```
#6759db rgb(103,89,219)
```
#6152e2
```
#6152e2 rgb(97,82,226)
```
#5b4aea
```
#5b4aea rgb(91,74,234)
```
#5542f2
```
#5542f2 rgb(85,66,242)
```
#4f3afa
```
#4f3afa rgb(79,58,250)
```

Tone Color Variation

Below, you can see how #5542f2 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

#5c5c5c Achromatopsia 0.005% of the population
#5b577a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e59d7 Protanomaly 1% of men, 0.01% of women
#1e5dc7 Deuteranomaly 6% of men, 0.4% of women
#1e62a6 Tritanomaly 0.01% of the population

#5542f2 hex color

#5542f2 Color Information

#5542f2 Color Conversion

Color Schemes with #5542f2

Alternatives to #5542f2

#5542f2 Preview

Shades and Tints of #5542f2

Tones of #5542f2

Color Blindness Simulator