#455d7f hex color

In a RGB color space, hex #455d7f is composed of 27.1% red, 36.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 26.8% magenta, 0% yellow and 50.2% black. It has a hue angle of 215.2 degrees, a saturation of 29.6% and a lightness of 38.4%. #455d7f color hex could be obtained by blending #8abafe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 36
- B 50
RGB color chart
- C 46
- M 27
- Y 0
- K 50
CMYK color chart

● #455d7f color description : Dark moderate blue.

The hexadecimal color #455d7f has RGB values of R:69, G:93, B:127 and CMYK values of C:0.46, M:0.27, Y:0, K:0.5. Its decimal value is 4545919.

Hex triplet	455d7f	`#455d7f`
RGB Decimal	69, 93, 127	`rgb(69,93,127)`
RGB Percent	27.1, 36.5, 49.8	`rgb(27.1%,36.5%,49.8%)`
CMYK	46, 27, 0, 50
HSL	215.2°, 29.6, 38.4	`hsl(215.2,29.6%,38.4%)`
HSV (or HSB)	215.2°, 45.7, 49.8
Web Safe	336666	`#336666`

CIE-LAB	38.943, 0.771, -21.899
XYZ	10.199, 10.626, 21.591
xyY	0.24, 0.251, 10.626
CIE-LCH	38.943, 21.912, 272.018
CIE-LUV	38.943, -12.035, -30.516
Hunter-Lab	32.597, -1.199, -16.453
Binary	01000101, 01011101, 01111111

#455d7f
```
#455d7f rgb(69,93,127)
```
#7f6745
```
#7f6745 rgb(127,103,69)
```

Complementary Color

#457a7f
```
#457a7f rgb(69,122,127)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#4a457f
```
#4a457f rgb(74,69,127)
```

Analogous Color

#7a7f45
```
#7a7f45 rgb(122,127,69)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#7f4a45
```
#7f4a45 rgb(127,74,69)
```

Split Complementary Color

#5d7f45
```
#5d7f45 rgb(93,127,69)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#7f455d
```
#7f455d rgb(127,69,93)
```

Triadic Color

#457f67
```
#457f67 rgb(69,127,103)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#7f455d
```
#7f455d rgb(127,69,93)
```
#7f6745
```
#7f6745 rgb(127,103,69)
```

Tetradic Color

#2a394d
```
#2a394d rgb(42,57,77)
```
#33455e
```
#33455e rgb(51,69,94)
```
#3c516e
```
#3c516e rgb(60,81,110)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#4e6990
```
#4e6990 rgb(78,105,144)
```
#5775a0
```
#5775a0 rgb(87,117,160)
```
#6582ab
```
#6582ab rgb(101,130,171)
```

Monochromatic Color

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

#456c7f
```
#456c7f rgb(69,108,127)
```
#45677f
```
#45677f rgb(69,103,127)
```
#45627f
```
#45627f rgb(69,98,127)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#45587f
```
#45587f rgb(69,88,127)
```
#45537f
```
#45537f rgb(69,83,127)
```
#454f7f
```
#454f7f rgb(69,79,127)
```

Similar Colors

Text with hexadecimal color #455d7f

This text has a font color of #455d7f.

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

#455d7f background color

This paragraph has a background color of #455d7f.

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

#455d7f border color

This element has a border color of #455d7f.

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

CSS codes

.text {color:#455d7f;}

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

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

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)
```
#0e1319
```
#0e1319 rgb(14,19,25)
```
#151c26
```
#151c26 rgb(21,28,38)
```
#1c2533
```
#1c2533 rgb(28,37,51)
```
#222e3f
```
#222e3f rgb(34,46,63)
```
#29384c
```
#29384c rgb(41,56,76)
```
#304159
```
#304159 rgb(48,65,89)
```
#374a66
```
#374a66 rgb(55,74,102)
```
#3e5472
```
#3e5472 rgb(62,84,114)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#4c668c
```
#4c668c rgb(76,102,140)
```
#537098
```
#537098 rgb(83,112,152)
```
#5a79a5
```
#5a79a5 rgb(90,121,165)
```

Shade Color Variation

#6683ac
```
#6683ac rgb(102,131,172)
```
#738eb3
```
#738eb3 rgb(115,142,179)
```
#8098ba
```
#8098ba rgb(128,152,186)
```
#8da2c1
```
#8da2c1 rgb(141,162,193)
```
#99acc8
```
#99acc8 rgb(153,172,200)
```
#a6b7cf
```
#a6b7cf rgb(166,183,207)
```
#b3c1d6
```
#b3c1d6 rgb(179,193,214)
```
#bfcbdc
```
#bfcbdc rgb(191,203,220)
```
#ccd6e3
```
#ccd6e3 rgb(204,214,227)
```
#d9e0ea
```
#d9e0ea rgb(217,224,234)
```
#e5eaf1
```
#e5eaf1 rgb(229,234,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, #5c6168 is the less saturated color, while #0151c3 is the most saturated one.

#5c6168
```
#5c6168 rgb(92,97,104)
```
#546070
```
#546070 rgb(84,96,112)
```
#4d5e77
```
#4d5e77 rgb(77,94,119)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#3d5c87
```
#3d5c87 rgb(61,92,135)
```
#365a8e
```
#365a8e rgb(54,90,142)
```
#2e5996
```
#2e5996 rgb(46,89,150)
```
#27589d
```
#27589d rgb(39,88,157)
```
#1f57a5
```
#1f57a5 rgb(31,87,165)
```
#1855ac
```
#1855ac rgb(24,85,172)
```
#1054b4
```
#1054b4 rgb(16,84,180)
```
#0953bb
```
#0953bb rgb(9,83,187)
```
#0151c3
```
#0151c3 rgb(1,81,195)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6384 Protanopia 1% of men
#586386 Deuteranopia 1% of men
#476971 Tritanopia 0.001% of the population

Trichromacy

#526082 Protanomaly 1% of men, 0.01% of women
#516083 Deuteranomaly 6% of men, 0.4% of women
#466476 Tritanomaly 0.01% of the population

#455d7f hex color

#455d7f Color Information

#455d7f Color Conversion

Color Schemes with #455d7f

Alternatives to #455d7f

#455d7f Preview

Shades and Tints of #455d7f

Tones of #455d7f

Color Blindness Simulator