#454d7f hex color

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

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

● #454d7f color description : Dark moderate blue.

The hexadecimal color #454d7f has RGB values of R:69, G:77, B:127 and CMYK values of C:0.46, M:0.39, Y:0, K:0.5. Its decimal value is 4541823.

Hex triplet	454d7f	`#454d7f`
RGB Decimal	69, 77, 127	`rgb(69,77,127)`
RGB Percent	27.1, 30.2, 49.8	`rgb(27.1%,30.2%,49.8%)`
CMYK	46, 39, 0, 50
HSL	231.7°, 29.6, 38.4	`hsl(231.7,29.6%,38.4%)`
HSV (or HSB)	231.7°, 45.7, 49.8
Web Safe	336666	`#336666`

CIE-LAB	34.201, 10.991, -29.314
XYZ	8.938, 8.105, 21.171
xyY	0.234, 0.212, 8.105
CIE-LCH	34.201, 31.306, 290.554
CIE-LUV	34.201, -6.035, -41.074
Hunter-Lab	28.469, 6.22, -24.162
Binary	01000101, 01001101, 01111111

#454d7f
```
#454d7f rgb(69,77,127)
```
#7f7745
```
#7f7745 rgb(127,119,69)
```

Complementary Color

#456a7f
```
#456a7f rgb(69,106,127)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#5a457f
```
#5a457f rgb(90,69,127)
```

Analogous Color

#6a7f45
```
#6a7f45 rgb(106,127,69)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#7f5a45
```
#7f5a45 rgb(127,90,69)
```

Split Complementary Color

#4d7f45
```
#4d7f45 rgb(77,127,69)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#7f454d
```
#7f454d rgb(127,69,77)
```

Triadic Color

#457f77
```
#457f77 rgb(69,127,119)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#7f454d
```
#7f454d rgb(127,69,77)
```
#7f7745
```
#7f7745 rgb(127,119,69)
```

Tetradic Color

#2a2f4d
```
#2a2f4d rgb(42,47,77)
```
#33395e
```
#33395e rgb(51,57,94)
```
#3c436e
```
#3c436e rgb(60,67,110)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#4e5790
```
#4e5790 rgb(78,87,144)
```
#5761a0
```
#5761a0 rgb(87,97,160)
```
#656fab
```
#656fab rgb(101,111,171)
```

Monochromatic Color

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

#455c7f
```
#455c7f rgb(69,92,127)
```
#45577f
```
#45577f rgb(69,87,127)
```
#45527f
```
#45527f rgb(69,82,127)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#45487f
```
#45487f rgb(69,72,127)
```
#47457f
```
#47457f rgb(71,69,127)
```
#4c457f
```
#4c457f rgb(76,69,127)
```

Similar Colors

Text with hexadecimal color #454d7f

This text has a font color of #454d7f.

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

#454d7f background color

This paragraph has a background color of #454d7f.

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

#454d7f border color

This element has a border color of #454d7f.

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

CSS codes

.text {color:#454d7f;}

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

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

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

#07080d
```
#07080d rgb(7,8,13)
```
#0e0f19
```
#0e0f19 rgb(14,15,25)
```
#151726
```
#151726 rgb(21,23,38)
```
#1c1f33
```
#1c1f33 rgb(28,31,51)
```
#22263f
```
#22263f rgb(34,38,63)
```
#292e4c
```
#292e4c rgb(41,46,76)
```
#303659
```
#303659 rgb(48,54,89)
```
#373e66
```
#373e66 rgb(55,62,102)
```
#3e4572
```
#3e4572 rgb(62,69,114)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#4c558c
```
#4c558c rgb(76,85,140)
```
#535c98
```
#535c98 rgb(83,92,152)
```
#5a64a5
```
#5a64a5 rgb(90,100,165)
```

Shade Color Variation

#6670ac
```
#6670ac rgb(102,112,172)
```
#737cb3
```
#737cb3 rgb(115,124,179)
```
#8088ba
```
#8088ba rgb(128,136,186)
```
#8d94c1
```
#8d94c1 rgb(141,148,193)
```
#99a0c8
```
#99a0c8 rgb(153,160,200)
```
#a6accf
```
#a6accf rgb(166,172,207)
```
#b3b7d6
```
#b3b7d6 rgb(179,183,214)
```
#bfc3dc
```
#bfc3dc rgb(191,195,220)
```
#cccfe3
```
#cccfe3 rgb(204,207,227)
```
#d9dbea
```
#d9dbea rgb(217,219,234)
```
#e5e7f1
```
#e5e7f1 rgb(229,231,241)
```
#f2f3f8
```
#f2f3f8 rgb(242,243,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c5d68
```
#5c5d68 rgb(92,93,104)
```
#545870
```
#545870 rgb(84,88,112)
```
#4d5277
```
#4d5277 rgb(77,82,119)
```
#454d7f
```
#454d7f rgb(69,77,127)
```
#3d4887
```
#3d4887 rgb(61,72,135)
```
#36428e
```
#36428e rgb(54,66,142)
```
#2e3d96
```
#2e3d96 rgb(46,61,150)
```
#27379d
```
#27379d rgb(39,55,157)
```
#1f32a5
```
#1f32a5 rgb(31,50,165)
```
#182cac
```
#182cac rgb(24,44,172)
```
#1027b4
```
#1027b4 rgb(16,39,180)
```
#0921bb
```
#0921bb rgb(9,33,187)
```
#011cc3
```
#011cc3 rgb(1,28,195)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4e4f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465786 Protanopia 1% of men
#415984 Deuteranopia 1% of men
#435d64 Tritanopia 0.001% of the population

Trichromacy

#455384 Protanomaly 1% of men, 0.01% of women
#435482 Deuteranomaly 6% of men, 0.4% of women
#43576e Tritanomaly 0.01% of the population

#454d7f hex color

#454d7f Color Information

#454d7f Color Conversion

Color Schemes with #454d7f

Alternatives to #454d7f

#454d7f Preview

Shades and Tints of #454d7f

Tones of #454d7f

Color Blindness Simulator