#5446e2 hex color

In a RGB color space, hex #5446e2 is composed of 32.9% red, 27.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 69% magenta, 0% yellow and 11.4% black. It has a hue angle of 245.4 degrees, a saturation of 72.9% and a lightness of 58%. #5446e2 color hex could be obtained by blending #a88cff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 89
RGB color chart
- C 63
- M 69
- Y 0
- K 11
CMYK color chart

● #5446e2 color description : Soft blue.

The hexadecimal color #5446e2 has RGB values of R:84, G:70, B:226 and CMYK values of C:0.63, M:0.69, Y:0, K:0.11. Its decimal value is 5523170.

Hex triplet	5446e2	`#5446e2`
RGB Decimal	84, 70, 226	`rgb(84,70,226)`
RGB Percent	32.9, 27.5, 88.6	`rgb(32.9%,27.5%,88.6%)`
CMYK	63, 69, 0, 11
HSL	245.4°, 72.9, 58	`hsl(245.4,72.9%,58%)`
HSV (or HSB)	245.4°, 69, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.824, 50.321, -77.22
XYZ	19.571, 11.755, 73.185
xyY	0.187, 0.112, 11.755
CIE-LCH	40.824, 92.169, 303.091
CIE-LUV	40.824, -4.994, -113.405
Hunter-Lab	34.286, 41.891, -102.557
Binary	01010100, 01000110, 11100010

#5446e2
```
#5446e2 rgb(84,70,226)
```
#d4e246
```
#d4e246 rgb(212,226,70)
```

Complementary Color

#4686e2
```
#4686e2 rgb(70,134,226)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#a246e2
```
#a246e2 rgb(162,70,226)
```

Analogous Color

#86e246
```
#86e246 rgb(134,226,70)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```

Split Complementary Color

#46e254
```
#46e254 rgb(70,226,84)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#e25446
```
#e25446 rgb(226,84,70)
```

Triadic Color

#46d4e2
```
#46d4e2 rgb(70,212,226)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#e25446
```
#e25446 rgb(226,84,70)
```
#d4e246
```
#d4e246 rgb(212,226,70)
```

Tetradic Color

#2c1ebe
```
#2c1ebe rgb(44,30,190)
```
#3121d4
```
#3121d4 rgb(49,33,212)
```
#4030df
```
#4030df rgb(64,48,223)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#685ce5
```
#685ce5 rgb(104,92,229)
```
#7d72e9
```
#7d72e9 rgb(125,114,233)
```
#9188ec
```
#9188ec rgb(145,136,236)
```

Monochromatic Color

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

#465fe2
```
#465fe2 rgb(70,95,226)
```
#4652e2
```
#4652e2 rgb(70,82,226)
```
#4746e2
```
#4746e2 rgb(71,70,226)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#6146e2
```
#6146e2 rgb(97,70,226)
```
#6e46e2
```
#6e46e2 rgb(110,70,226)
```
#7b46e2
```
#7b46e2 rgb(123,70,226)
```

Similar Colors

Text with hexadecimal color #5446e2

This text has a font color of #5446e2.

<span style="color:#5446e2;">Text here</span>

#5446e2 background color

This paragraph has a background color of #5446e2.

<p style="background-color:#5446e2;">Content here</p>

#5446e2 border color

This element has a border color of #5446e2.

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

CSS codes

.text {color:#5446e2;}

.background {background-color:#5446e2;}

.border {border:1px solid #5446e2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040312
```
#040312 rgb(4,3,18)
```
#080623
```
#080623 rgb(8,6,35)
```
#0c0834
```
#0c0834 rgb(12,8,52)
```
#100b45
```
#100b45 rgb(16,11,69)
```
#140e56
```
#140e56 rgb(20,14,86)
```
#181067
```
#181067 rgb(24,16,103)
```
#1c1378
```
#1c1378 rgb(28,19,120)
```
#201689
```
#201689 rgb(32,22,137)
```
#24189a
```
#24189a rgb(36,24,154)
```
#281bab
```
#281bab rgb(40,27,171)
```
#2c1dbc
```
#2c1dbc rgb(44,29,188)
```
#3020cd
```
#3020cd rgb(48,32,205)
```

Shade Color Variation

#3524dd
```
#3524dd rgb(53,36,221)
```
#4435df
```
#4435df rgb(68,53,223)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#6457e5
```
#6457e5 rgb(100,87,229)
```
#7368e7
```
#7368e7 rgb(115,104,231)
```
#8379ea
```
#8379ea rgb(131,121,234)
```
#938aed
```
#938aed rgb(147,138,237)
```
#a29bef
```
#a29bef rgb(162,155,239)
```
#b2acf2
```
#b2acf2 rgb(178,172,242)
```
#c2bdf5
```
#c2bdf5 rgb(194,189,245)
```
#d1cef7
```
#d1cef7 rgb(209,206,247)
```
#e1dffa
```
#e1dffa rgb(225,223,250)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

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

#919098
```
#919098 rgb(145,144,152)
```
#8a88a0
```
#8a88a0 rgb(138,136,160)
```
#8380a8
```
#8380a8 rgb(131,128,168)
```
#7d77b1
```
#7d77b1 rgb(125,119,177)
```
#766fb9
```
#766fb9 rgb(118,111,185)
```
#6f67c1
```
#6f67c1 rgb(111,103,193)
```
#685fc9
```
#685fc9 rgb(104,95,201)
```
#6256d2
```
#6256d2 rgb(98,86,210)
```
#5b4eda
```
#5b4eda rgb(91,78,218)
```
#5446e2
```
#5446e2 rgb(84,70,226)
```
#4d3eea
```
#4d3eea rgb(77,62,234)
```
#4636f2
```
#4636f2 rgb(70,54,242)
```
#402dfb
```
#402dfb rgb(64,45,251)
```

Tone Color Variation

Below, you can see how #5446e2 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
#5a5877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1e5acf Protanomaly 1% of men, 0.01% of women
#1e5dbf Deuteranomaly 6% of men, 0.4% of women
#1e62a0 Tritanomaly 0.01% of the population

#5446e2 hex color

#5446e2 Color Information

#5446e2 Color Conversion

Color Schemes with #5446e2

Alternatives to #5446e2

#5446e2 Preview

Shades and Tints of #5446e2

Tones of #5446e2

Color Blindness Simulator