#445f80 hex color

In a RGB color space, hex #445f80 is composed of 26.7% red, 37.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 25.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 213 degrees, a saturation of 30.6% and a lightness of 38.4%. #445f80 color hex could be obtained by blending #88beff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 37
- B 50
RGB color chart
- C 47
- M 26
- Y 0
- K 50
CMYK color chart

● #445f80 color description : Dark moderate blue.

The hexadecimal color #445f80 has RGB values of R:68, G:95, B:128 and CMYK values of C:0.47, M:0.26, Y:0, K:0.5. Its decimal value is 4480896.

Hex triplet	445f80	`#445f80`
RGB Decimal	68, 95, 128	`rgb(68,95,128)`
RGB Percent	26.7, 37.3, 50.2	`rgb(26.7%,37.3%,50.2%)`
CMYK	47, 26, 0, 50
HSL	213°, 30.6, 38.4	`hsl(213,30.6%,38.4%)`
HSV (or HSB)	213°, 46.9, 50.2
Web Safe	336699	`#336699`

CIE-LAB	39.532, -0.433, -21.6
XYZ	10.372, 10.971, 21.992
xyY	0.239, 0.253, 10.971
CIE-LCH	39.532, 21.604, 268.852
CIE-LUV	39.532, -13.177, -30.053
Hunter-Lab	33.123, -2.074, -16.179
Binary	01000100, 01011111, 10000000

#445f80
```
#445f80 rgb(68,95,128)
```
#806544
```
#806544 rgb(128,101,68)
```

Complementary Color

#447d80
```
#447d80 rgb(68,125,128)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#474480
```
#474480 rgb(71,68,128)
```

Analogous Color

#7d8044
```
#7d8044 rgb(125,128,68)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#804744
```
#804744 rgb(128,71,68)
```

Split Complementary Color

#5f8044
```
#5f8044 rgb(95,128,68)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#80445f
```
#80445f rgb(128,68,95)
```

Triadic Color

#448065
```
#448065 rgb(68,128,101)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#80445f
```
#80445f rgb(128,68,95)
```
#806544
```
#806544 rgb(128,101,68)
```

Tetradic Color

#293a4e
```
#293a4e rgb(41,58,78)
```
#32465f
```
#32465f rgb(50,70,95)
```
#3b536f
```
#3b536f rgb(59,83,111)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#4d6b91
```
#4d6b91 rgb(77,107,145)
```
#5678a1
```
#5678a1 rgb(86,120,161)
```
#6485ad
```
#6485ad rgb(100,133,173)
```

Monochromatic Color

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

#446e80
```
#446e80 rgb(68,110,128)
```
#446980
```
#446980 rgb(68,105,128)
```
#446480
```
#446480 rgb(68,100,128)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#445a80
```
#445a80 rgb(68,90,128)
```
#445580
```
#445580 rgb(68,85,128)
```
#445080
```
#445080 rgb(68,80,128)
```

Similar Colors

Text with hexadecimal color #445f80

This text has a font color of #445f80.

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

#445f80 background color

This paragraph has a background color of #445f80.

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

#445f80 border color

This element has a border color of #445f80.

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

CSS codes

.text {color:#445f80;}

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

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

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

#07090d
```
#07090d rgb(7,9,13)
```
#0e131a
```
#0e131a rgb(14,19,26)
```
#141c26
```
#141c26 rgb(20,28,38)
```
#1b2633
```
#1b2633 rgb(27,38,51)
```
#222f40
```
#222f40 rgb(34,47,64)
```
#29394d
```
#29394d rgb(41,57,77)
```
#30425a
```
#30425a rgb(48,66,90)
```
#364c66
```
#364c66 rgb(54,76,102)
```
#3d5573
```
#3d5573 rgb(61,85,115)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#4b698d
```
#4b698d rgb(75,105,141)
```
#52729a
```
#52729a rgb(82,114,154)
```
#587ca6
```
#587ca6 rgb(88,124,166)
```

Shade Color Variation

#6586ad
```
#6586ad rgb(101,134,173)
```
#7290b4
```
#7290b4 rgb(114,144,180)
```
#7f9abb
```
#7f9abb rgb(127,154,187)
```
#8ca4c2
```
#8ca4c2 rgb(140,164,194)
```
#98aec9
```
#98aec9 rgb(152,174,201)
```
#a5b8cf
```
#a5b8cf rgb(165,184,207)
```
#b2c2d6
```
#b2c2d6 rgb(178,194,214)
```
#bfccdd
```
#bfccdd rgb(191,204,221)
```
#ccd6e4
```
#ccd6e4 rgb(204,214,228)
```
#d8e1eb
```
#d8e1eb rgb(216,225,235)
```
#e5ebf1
```
#e5ebf1 rgb(229,235,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6169 is the less saturated color, while #0058c4 is the most saturated one.

#5b6169
```
#5b6169 rgb(91,97,105)
```
#536171
```
#536171 rgb(83,97,113)
```
#4c6078
```
#4c6078 rgb(76,96,120)
```
#445f80
```
#445f80 rgb(68,95,128)
```
#3c5e88
```
#3c5e88 rgb(60,94,136)
```
#355d8f
```
#355d8f rgb(53,93,143)
```
#2d5d97
```
#2d5d97 rgb(45,93,151)
```
#265c9e
```
#265c9e rgb(38,92,158)
```
#1e5ba6
```
#1e5ba6 rgb(30,91,166)
```
#175aad
```
#175aad rgb(23,90,173)
```
#0f5ab5
```
#0f5ab5 rgb(15,90,181)
```
#0859bc
```
#0859bc rgb(8,89,188)
```
#0058c4
```
#0058c4 rgb(0,88,196)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#565c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6484 Protanopia 1% of men
#596487 Deuteranopia 1% of men
#466b72 Tritanopia 0.001% of the population

Trichromacy

#536282 Protanomaly 1% of men, 0.01% of women
#516284 Deuteranomaly 6% of men, 0.4% of women
#456677 Tritanomaly 0.01% of the population

#445f80 hex color

#445f80 Color Information

#445f80 Color Conversion

Color Schemes with #445f80

Alternatives to #445f80

#445f80 Preview

Shades and Tints of #445f80

Tones of #445f80

Color Blindness Simulator