#445682 hex color

In a RGB color space, hex #445682 is composed of 26.7% red, 33.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 33.8% magenta, 0% yellow and 49% black. It has a hue angle of 222.6 degrees, a saturation of 31.3% and a lightness of 38.8%. #445682 color hex could be obtained by blending #88acff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 34
- B 51
RGB color chart
- C 48
- M 34
- Y 0
- K 49
CMYK color chart

● #445682 color description : Dark moderate blue.

The hexadecimal color #445682 has RGB values of R:68, G:86, B:130 and CMYK values of C:0.48, M:0.34, Y:0, K:0.49. Its decimal value is 4478594.

Hex triplet	445682	`#445682`
RGB Decimal	68, 86, 130	`rgb(68,86,130)`
RGB Percent	26.7, 33.7, 51	`rgb(26.7%,33.7%,51%)`
CMYK	48, 34, 0, 49
HSL	222.6°, 31.3, 38.8	`hsl(222.6,31.3%,38.8%)`
HSV (or HSB)	222.6°, 47.7, 51
Web Safe	336699	`#336699`

CIE-LAB	36.922, 5.868, -26.887
XYZ	9.74, 9.496, 22.438
xyY	0.234, 0.228, 9.496
CIE-LCH	36.922, 27.52, 282.311
CIE-LUV	36.922, -9.761, -37.903
Hunter-Lab	30.815, 2.493, -21.6
Binary	01000100, 01010110, 10000010

#445682
```
#445682 rgb(68,86,130)
```
#827044
```
#827044 rgb(130,112,68)
```

Complementary Color

#447582
```
#447582 rgb(68,117,130)
```
#445682
```
#445682 rgb(68,86,130)
```
#514482
```
#514482 rgb(81,68,130)
```

Analogous Color

#758244
```
#758244 rgb(117,130,68)
```
#445682
```
#445682 rgb(68,86,130)
```
#825144
```
#825144 rgb(130,81,68)
```

Split Complementary Color

#568244
```
#568244 rgb(86,130,68)
```
#445682
```
#445682 rgb(68,86,130)
```
#824456
```
#824456 rgb(130,68,86)
```

Triadic Color

#448270
```
#448270 rgb(68,130,112)
```
#445682
```
#445682 rgb(68,86,130)
```
#824456
```
#824456 rgb(130,68,86)
```
#827044
```
#827044 rgb(130,112,68)
```

Tetradic Color

#2a3550
```
#2a3550 rgb(42,53,80)
```
#324061
```
#324061 rgb(50,64,97)
```
#3b4b71
```
#3b4b71 rgb(59,75,113)
```
#445682
```
#445682 rgb(68,86,130)
```
#4d6193
```
#4d6193 rgb(77,97,147)
```
#566ca3
```
#566ca3 rgb(86,108,163)
```
#647aae
```
#647aae rgb(100,122,174)
```

Monochromatic Color

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

#446682
```
#446682 rgb(68,102,130)
```
#446082
```
#446082 rgb(68,96,130)
```
#445b82
```
#445b82 rgb(68,91,130)
```
#445682
```
#445682 rgb(68,86,130)
```
#445182
```
#445182 rgb(68,81,130)
```
#444c82
```
#444c82 rgb(68,76,130)
```
#444782
```
#444782 rgb(68,71,130)
```

Similar Colors

Text with hexadecimal color #445682

This text has a font color of #445682.

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

#445682 background color

This paragraph has a background color of #445682.

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

#445682 border color

This element has a border color of #445682.

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

CSS codes

.text {color:#445682;}

.background {background-color:#445682;}

.border {border:1px solid #445682;}

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

#010101
```
#010101 rgb(1,1,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0e121b
```
#0e121b rgb(14,18,27)
```
#151a28
```
#151a28 rgb(21,26,40)
```
#1c2335
```
#1c2335 rgb(28,35,53)
```
#222b42
```
#222b42 rgb(34,43,66)
```
#29344e
```
#29344e rgb(41,52,78)
```
#303c5b
```
#303c5b rgb(48,60,91)
```
#374568
```
#374568 rgb(55,69,104)
```
#3d4d75
```
#3d4d75 rgb(61,77,117)
```
#445682
```
#445682 rgb(68,86,130)
```
#4b5f8f
```
#4b5f8f rgb(75,95,143)
```
#51679c
```
#51679c rgb(81,103,156)
```

Shade Color Variation

#5970a8
```
#5970a8 rgb(89,112,168)
```
#667baf
```
#667baf rgb(102,123,175)
```
#7386b6
```
#7386b6 rgb(115,134,182)
```
#7f91bc
```
#7f91bc rgb(127,145,188)
```
#8c9cc3
```
#8c9cc3 rgb(140,156,195)
```
#99a7ca
```
#99a7ca rgb(153,167,202)
```
#a6b2d0
```
#a6b2d0 rgb(166,178,208)
```
#b3bdd7
```
#b3bdd7 rgb(179,189,215)
```
#c0c9de
```
#c0c9de rgb(192,201,222)
```
#cdd4e5
```
#cdd4e5 rgb(205,212,229)
```
#dadfeb
```
#dadfeb rgb(218,223,235)
```
#e6eaf2
```
#e6eaf2 rgb(230,234,242)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#626364
```
#626364 rgb(98,99,100)
```
#5b606b
```
#5b606b rgb(91,96,107)
```
#535c73
```
#535c73 rgb(83,92,115)
```
#4c597a
```
#4c597a rgb(76,89,122)
```
#445682
```
#445682 rgb(68,86,130)
```
#3c538a
```
#3c538a rgb(60,83,138)
```
#355091
```
#355091 rgb(53,80,145)
```
#2d4c99
```
#2d4c99 rgb(45,76,153)
```
#2649a0
```
#2649a0 rgb(38,73,160)
```
#1e46a8
```
#1e46a8 rgb(30,70,168)
```
#1643b0
```
#1643b0 rgb(22,67,176)
```
#0f40b7
```
#0f40b7 rgb(15,64,183)
```
#073cbf
```
#073cbf rgb(7,60,191)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#52565f Atypical Achromatopsia 0.001% of the population

Dichromacy

#505e88 Protanopia 1% of men
#4c5f88 Deuteranopia 1% of men
#43646c Tritanopia 0.001% of the population

Trichromacy

#4b5b85 Protanomaly 1% of men, 0.01% of women
#495b86 Deuteranomaly 6% of men, 0.4% of women
#435f74 Tritanomaly 0.01% of the population

#445682 hex color

#445682 Color Information

#445682 Color Conversion

Color Schemes with #445682

Alternatives to #445682

#445682 Preview

Shades and Tints of #445682

Tones of #445682

Color Blindness Simulator