#445eb4 hex color

In a RGB color space, hex #445eb4 is composed of 26.7% red, 36.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 47.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.1 degrees, a saturation of 45.2% and a lightness of 48.6%. #445eb4 color hex could be obtained by blending #88bcff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 37
- B 71
RGB color chart
- C 62
- M 48
- Y 0
- K 29
CMYK color chart

● #445eb4 color description : Moderate blue.

The hexadecimal color #445eb4 has RGB values of R:68, G:94, B:180 and CMYK values of C:0.62, M:0.48, Y:0, K:0.29. Its decimal value is 4480692.

Hex triplet	445eb4	`#445eb4`
RGB Decimal	68, 94, 180	`rgb(68,94,180)`
RGB Percent	26.7, 36.9, 70.6	`rgb(26.7%,36.9%,70.6%)`
CMYK	62, 48, 0, 29
HSL	226.1°, 45.2, 48.6	`hsl(226.1,45.2%,48.6%)`
HSV (or HSB)	226.1°, 62.2, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.045, 17.727, -48.705
XYZ	14.623, 12.529, 44.825
xyY	0.203, 0.174, 12.529
CIE-LCH	42.045, 51.831, 290
CIE-LUV	42.045, -13.275, -73.116
Hunter-Lab	35.396, 11.8, -50.307
Binary	01000100, 01011110, 10110100

#445eb4
```
#445eb4 rgb(68,94,180)
```
#b49a44
```
#b49a44 rgb(180,154,68)
```

Complementary Color

#4496b4
```
#4496b4 rgb(68,150,180)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#6244b4
```
#6244b4 rgb(98,68,180)
```

Analogous Color

#96b444
```
#96b444 rgb(150,180,68)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#b46244
```
#b46244 rgb(180,98,68)
```

Split Complementary Color

#5eb444
```
#5eb444 rgb(94,180,68)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#b4445e
```
#b4445e rgb(180,68,94)
```

Triadic Color

#44b49a
```
#44b49a rgb(68,180,154)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#b4445e
```
#b4445e rgb(180,68,94)
```
#b49a44
```
#b49a44 rgb(180,154,68)
```

Tetradic Color

#2f417c
```
#2f417c rgb(47,65,124)
```
#364b8f
```
#364b8f rgb(54,75,143)
```
#3d54a1
```
#3d54a1 rgb(61,84,161)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#536cbe
```
#536cbe rgb(83,108,190)
```
#667cc5
```
#667cc5 rgb(102,124,197)
```
#788ccc
```
#788ccc rgb(120,140,204)
```

Monochromatic Color

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

#447ab4
```
#447ab4 rgb(68,122,180)
```
#4471b4
```
#4471b4 rgb(68,113,180)
```
#4467b4
```
#4467b4 rgb(68,103,180)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#4455b4
```
#4455b4 rgb(68,85,180)
```
#444bb4
```
#444bb4 rgb(68,75,180)
```
#4644b4
```
#4644b4 rgb(70,68,180)
```

Similar Colors

Text with hexadecimal color #445eb4

This text has a font color of #445eb4.

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

#445eb4 background color

This paragraph has a background color of #445eb4.

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

#445eb4 border color

This element has a border color of #445eb4.

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

CSS codes

.text {color:#445eb4;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#090c17
```
#090c17 rgb(9,12,23)
```
#0e1426
```
#0e1426 rgb(14,20,38)
```
#141b34
```
#141b34 rgb(20,27,52)
```
#192342
```
#192342 rgb(25,35,66)
```
#1e2a50
```
#1e2a50 rgb(30,42,80)
```
#24315f
```
#24315f rgb(36,49,95)
```
#29396d
```
#29396d rgb(41,57,109)
```
#2e407b
```
#2e407b rgb(46,64,123)
```
#344889
```
#344889 rgb(52,72,137)
```
#394f98
```
#394f98 rgb(57,79,152)
```
#3f57a6
```
#3f57a6 rgb(63,87,166)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```

Shade Color Variation

#4f68bd
```
#4f68bd rgb(79,104,189)
```
#5d75c2
```
#5d75c2 rgb(93,117,194)
```
#6c81c7
```
#6c81c7 rgb(108,129,199)
```
#7a8dcd
```
#7a8dcd rgb(122,141,205)
```
#8899d2
```
#8899d2 rgb(136,153,210)
```
#96a5d7
```
#96a5d7 rgb(150,165,215)
```
#a4b2dd
```
#a4b2dd rgb(164,178,221)
```
#b3bee2
```
#b3bee2 rgb(179,190,226)
```
#c1cae8
```
#c1cae8 rgb(193,202,232)
```
#cfd6ed
```
#cfd6ed rgb(207,214,237)
```
#dde2f2
```
#dde2f2 rgb(221,226,242)
```
#eceef8
```
#eceef8 rgb(236,238,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#747884
```
#747884 rgb(116,120,132)
```
#6a728e
```
#6a728e rgb(106,114,142)
```
#616d97
```
#616d97 rgb(97,109,151)
```
#5768a1
```
#5768a1 rgb(87,104,161)
```
#4e63aa
```
#4e63aa rgb(78,99,170)
```
#445eb4
```
#445eb4 rgb(68,94,180)
```
#3a59be
```
#3a59be rgb(58,89,190)
```
#3154c7
```
#3154c7 rgb(49,84,199)
```
#274fd1
```
#274fd1 rgb(39,79,209)
```
#1e4ada
```
#1e4ada rgb(30,74,218)
```
#1444e4
```
#1444e4 rgb(20,68,228)
```
#0b3fed
```
#0b3fed rgb(11,63,237)
```
#013af7
```
#013af7 rgb(1,58,247)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5a6071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d68b9 Protanopia 1% of men
#166cb5 Deuteranopia 1% of men
#24747d Tritanopia 0.001% of the population

Trichromacy

#4064b7 Protanomaly 1% of men, 0.01% of women
#2667b4 Deuteranomaly 6% of men, 0.4% of women
#306c91 Tritanomaly 0.01% of the population

#445eb4 hex color

#445eb4 Color Information

#445eb4 Color Conversion

Color Schemes with #445eb4

Alternatives to #445eb4

#445eb4 Preview

Shades and Tints of #445eb4

Tones of #445eb4

Color Blindness Simulator