#455d8f hex color

In a RGB color space, hex #455d8f is composed of 27.1% red, 36.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 35% magenta, 0% yellow and 43.9% black. It has a hue angle of 220.5 degrees, a saturation of 34.9% and a lightness of 41.6%. #455d8f color hex could be obtained by blending #8abaff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 36
- B 56
RGB color chart
- C 52
- M 35
- Y 0
- K 44
CMYK color chart

● #455d8f color description : Dark moderate blue.

The hexadecimal color #455d8f has RGB values of R:69, G:93, B:143 and CMYK values of C:0.52, M:0.35, Y:0, K:0.44. Its decimal value is 4545935.

Hex triplet	455d8f	`#455d8f`
RGB Decimal	69, 93, 143	`rgb(69,93,143)`
RGB Percent	27.1, 36.5, 56.1	`rgb(27.1%,36.5%,56.1%)`
CMYK	52, 35, 0, 44
HSL	220.5°, 34.9, 41.6	`hsl(220.5,34.9%,41.6%)`
HSV (or HSB)	220.5°, 51.7, 56.1
Web Safe	336699	`#336699`

CIE-LAB	39.709, 5.916, -30.412
XYZ	11.325, 11.077, 27.526
xyY	0.227, 0.222, 11.077
CIE-LCH	39.709, 30.982, 281.009
CIE-LUV	39.709, -12.202, -43.876
Hunter-Lab	33.281, 2.5, -25.74
Binary	01000101, 01011101, 10001111

#455d8f
```
#455d8f rgb(69,93,143)
```
#8f7745
```
#8f7745 rgb(143,119,69)
```

Complementary Color

#45828f
```
#45828f rgb(69,130,143)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#52458f
```
#52458f rgb(82,69,143)
```

Analogous Color

#828f45
```
#828f45 rgb(130,143,69)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#8f5245
```
#8f5245 rgb(143,82,69)
```

Split Complementary Color

#5d8f45
```
#5d8f45 rgb(93,143,69)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#8f455d
```
#8f455d rgb(143,69,93)
```

Triadic Color

#458f77
```
#458f77 rgb(69,143,119)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#8f455d
```
#8f455d rgb(143,69,93)
```
#8f7745
```
#8f7745 rgb(143,119,69)
```

Tetradic Color

#2c3b5b
```
#2c3b5b rgb(44,59,91)
```
#34476d
```
#34476d rgb(52,71,109)
```
#3d527e
```
#3d527e rgb(61,82,126)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#4d68a0
```
#4d68a0 rgb(77,104,160)
```
#5874af
```
#5874af rgb(88,116,175)
```
#6a83b7
```
#6a83b7 rgb(106,131,183)
```

Monochromatic Color

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

#45708f
```
#45708f rgb(69,112,143)
```
#45698f
```
#45698f rgb(69,105,143)
```
#45638f
```
#45638f rgb(69,99,143)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#45578f
```
#45578f rgb(69,87,143)
```
#45518f
```
#45518f rgb(69,81,143)
```
#454b8f
```
#454b8f rgb(69,75,143)
```

Similar Colors

Text with hexadecimal color #455d8f

This text has a font color of #455d8f.

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

#455d8f background color

This paragraph has a background color of #455d8f.

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

#455d8f border color

This element has a border color of #455d8f.

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

CSS codes

.text {color:#455d8f;}

.background {background-color:#455d8f;}

.border {border:1px solid #455d8f;}

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, #05070b is the darkest color, while #fcfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c1018
```
#0c1018 rgb(12,16,24)
```
#121825
```
#121825 rgb(18,24,37)
```
#182132
```
#182132 rgb(24,33,50)
```
#1f2940
```
#1f2940 rgb(31,41,64)
```
#25324d
```
#25324d rgb(37,50,77)
```
#2b3b5a
```
#2b3b5a rgb(43,59,90)
```
#324367
```
#324367 rgb(50,67,103)
```
#384c75
```
#384c75 rgb(56,76,117)
```
#3f5482
```
#3f5482 rgb(63,84,130)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#4b669c
```
#4b669c rgb(75,102,156)
```
#526ea9
```
#526ea9 rgb(82,110,169)
```

Shade Color Variation

#5e79b1
```
#5e79b1 rgb(94,121,177)
```
#6b84b8
```
#6b84b8 rgb(107,132,184)
```
#788fbe
```
#788fbe rgb(120,143,190)
```
#859ac4
```
#859ac4 rgb(133,154,196)
```
#93a5cb
```
#93a5cb rgb(147,165,203)
```
#a0b0d1
```
#a0b0d1 rgb(160,176,209)
```
#adbbd7
```
#adbbd7 rgb(173,187,215)
```
#bac6de
```
#bac6de rgb(186,198,222)
```
#c8d1e4
```
#c8d1e4 rgb(200,209,228)
```
#d5dceb
```
#d5dceb rgb(213,220,235)
```
#e2e7f1
```
#e2e7f1 rgb(226,231,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66686e is the less saturated color, while #0446d0 is the most saturated one.

#66686e
```
#66686e rgb(102,104,110)
```
#5d6677
```
#5d6677 rgb(93,102,119)
```
#55637f
```
#55637f rgb(85,99,127)
```
#4d6087
```
#4d6087 rgb(77,96,135)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#3d5a97
```
#3d5a97 rgb(61,90,151)
```
#35579f
```
#35579f rgb(53,87,159)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#2452b0
```
#2452b0 rgb(36,82,176)
```
#1c4fb8
```
#1c4fb8 rgb(28,79,184)
```
#144cc0
```
#144cc0 rgb(20,76,192)
```
#0c49c8
```
#0c49c8 rgb(12,73,200)
```
#0446d0
```
#0446d0 rgb(4,70,208)
```

Tone Color Variation

Below, you can see how #455d8f 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
#575c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546494 Protanopia 1% of men
#4d6594 Deuteranopia 1% of men
#416c74 Tritanopia 0.001% of the population

Trichromacy

#4e6192 Protanomaly 1% of men, 0.01% of women
#4a6292 Deuteranomaly 6% of men, 0.4% of women
#42667d Tritanomaly 0.01% of the population

#455d8f hex color

#455d8f Color Information

#455d8f Color Conversion

Color Schemes with #455d8f

Alternatives to #455d8f

#455d8f Preview

Shades and Tints of #455d8f

Tones of #455d8f

Color Blindness Simulator