#445ed4 hex color

In a RGB color space, hex #445ed4 is composed of 26.7% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 229.2 degrees, a saturation of 62.6% and a lightness of 54.9%. #445ed4 color hex could be obtained by blending #88bcff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 37
- B 83
RGB color chart
- C 68
- M 56
- Y 0
- K 17
CMYK color chart

● #445ed4 color description : Moderate blue.

The hexadecimal color #445ed4 has RGB values of R:68, G:94, B:212 and CMYK values of C:0.68, M:0.56, Y:0, K:0.17. Its decimal value is 4480724.

Hex triplet	445ed4	`#445ed4`
RGB Decimal	68, 94, 212	`rgb(68,94,212)`
RGB Percent	26.7, 36.9, 83.1	`rgb(26.7%,36.9%,83.1%)`
CMYK	68, 56, 0, 17
HSL	229.2°, 62.6, 54.9	`hsl(229.2,62.6%,54.9%)`
HSV (or HSB)	229.2°, 67.9, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.214, 29.006, -63.735
XYZ	18.268, 13.987, 64.021
xyY	0.19, 0.145, 13.987
CIE-LCH	44.214, 70.025, 294.471
CIE-LUV	44.214, -13.746, -96.974
Hunter-Lab	37.399, 21.742, -75.316
Binary	01000100, 01011110, 11010100

#445ed4
```
#445ed4 rgb(68,94,212)
```
#d4ba44
```
#d4ba44 rgb(212,186,68)
```

Complementary Color

#44a6d4
```
#44a6d4 rgb(68,166,212)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#7244d4
```
#7244d4 rgb(114,68,212)
```

Analogous Color

#a6d444
```
#a6d444 rgb(166,212,68)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#d47244
```
#d47244 rgb(212,114,68)
```

Split Complementary Color

#5ed444
```
#5ed444 rgb(94,212,68)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#d4445e
```
#d4445e rgb(212,68,94)
```

Triadic Color

#44d4ba
```
#44d4ba rgb(68,212,186)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#d4445e
```
#d4445e rgb(212,68,94)
```
#d4ba44
```
#d4ba44 rgb(212,186,68)
```

Tetradic Color

#263da5
```
#263da5 rgb(38,61,165)
```
#2b45ba
```
#2b45ba rgb(43,69,186)
```
#304ccf
```
#304ccf rgb(48,76,207)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#5970d9
```
#5970d9 rgb(89,112,217)
```
#6d82de
```
#6d82de rgb(109,130,222)
```
#8294e2
```
#8294e2 rgb(130,148,226)
```

Monochromatic Color

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

#4482d4
```
#4482d4 rgb(68,130,212)
```
#4476d4
```
#4476d4 rgb(68,118,212)
```
#446ad4
```
#446ad4 rgb(68,106,212)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#4452d4
```
#4452d4 rgb(68,82,212)
```
#4446d4
```
#4446d4 rgb(68,70,212)
```
#4e44d4
```
#4e44d4 rgb(78,68,212)
```

Similar Colors

Text with hexadecimal color #445ed4

This text has a font color of #445ed4.

<span style="color:#445ed4;">Text here</span>

#445ed4 background color

This paragraph has a background color of #445ed4.

<p style="background-color:#445ed4;">Content here</p>

#445ed4 border color

This element has a border color of #445ed4.

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

CSS codes

.text {color:#445ed4;}

.background {background-color:#445ed4;}

.border {border:1px solid #445ed4;}

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

#010204
```
#010204 rgb(1,2,4)
```
#050714
```
#050714 rgb(5,7,20)
```
#080d24
```
#080d24 rgb(8,13,36)
```
#0c1334
```
#0c1334 rgb(12,19,52)
```
#101944
```
#101944 rgb(16,25,68)
```
#131f54
```
#131f54 rgb(19,31,84)
```
#172564
```
#172564 rgb(23,37,100)
```
#1b2b74
```
#1b2b74 rgb(27,43,116)
```
#1e3184
```
#1e3184 rgb(30,49,132)
```
#223794
```
#223794 rgb(34,55,148)
```
#263ca4
```
#263ca4 rgb(38,60,164)
```
#2942b4
```
#2942b4 rgb(41,66,180)
```
#2d48c4
```
#2d48c4 rgb(45,72,196)
```

Shade Color Variation

#3450d0
```
#3450d0 rgb(52,80,208)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#546cd8
```
#546cd8 rgb(84,108,216)
```
#6479db
```
#6479db rgb(100,121,219)
```
#7487df
```
#7487df rgb(116,135,223)
```
#8495e3
```
#8495e3 rgb(132,149,227)
```
#94a3e6
```
#94a3e6 rgb(148,163,230)
```
#a4b0ea
```
#a4b0ea rgb(164,176,234)
```
#b4beee
```
#b4beee rgb(180,190,238)
```
#c4ccf1
```
#c4ccf1 rgb(196,204,241)
```
#d4daf5
```
#d4daf5 rgb(212,218,245)
```
#e3e7f9
```
#e3e7f9 rgb(227,231,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#8b8b8d
```
#8b8b8d rgb(139,139,141)
```
#828696
```
#828696 rgb(130,134,150)
```
#79809f
```
#79809f rgb(121,128,159)
```
#707aa8
```
#707aa8 rgb(112,122,168)
```
#6775b1
```
#6775b1 rgb(103,117,177)
```
#5f6fb9
```
#5f6fb9 rgb(95,111,185)
```
#5669c2
```
#5669c2 rgb(86,105,194)
```
#4d64cb
```
#4d64cb rgb(77,100,203)
```
#445ed4
```
#445ed4 rgb(68,94,212)
```
#3b58dd
```
#3b58dd rgb(59,88,221)
```
#3253e6
```
#3253e6 rgb(50,83,230)
```
#294def
```
#294def rgb(41,77,239)
```
#2147f7
```
#2147f7 rgb(33,71,247)
```

Tone Color Variation

Below, you can see how #445ed4 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

#646464 Achromatopsia 0.005% of the population
#5e637a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1867d5 Protanomaly 1% of men, 0.01% of women
#186bc4 Deuteranomaly 6% of men, 0.4% of women
#1870a0 Tritanomaly 0.01% of the population

#445ed4 hex color

#445ed4 Color Information

#445ed4 Color Conversion

Color Schemes with #445ed4

Alternatives to #445ed4

#445ed4 Preview

Shades and Tints of #445ed4

Tones of #445ed4

Color Blindness Simulator