#454750 hex color

In a RGB color space, hex #454750 is composed of 27.1% red, 27.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 11.3% magenta, 0% yellow and 68.6% black. It has a hue angle of 229.1 degrees, a saturation of 7.4% and a lightness of 29.2%. #454750 color hex could be obtained by blending #8a8ea0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 28
- B 31
RGB color chart
- C 14
- M 11
- Y 0
- K 69
CMYK color chart

● #454750 color description : Very dark grayish blue.

The hexadecimal color #454750 has RGB values of R:69, G:71, B:80 and CMYK values of C:0.14, M:0.11, Y:0, K:0.69. Its decimal value is 4540240.

Hex triplet	454750	`#454750`
RGB Decimal	69, 71, 80	`rgb(69,71,80)`
RGB Percent	27.1, 27.8, 31.4	`rgb(27.1%,27.8%,31.4%)`
CMYK	14, 11, 0, 69
HSL	229.1°, 7.4, 29.2	`hsl(229.1,7.4%,29.2%)`
HSV (or HSB)	229.1°, 13.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	30.281, 1.301, -5.651
XYZ	6.155, 6.351, 8.491
xyY	0.293, 0.302, 6.351
CIE-LCH	30.281, 5.799, 282.969
CIE-LUV	30.281, -1.499, -7.04
Hunter-Lab	25.201, -0.504, -2.335
Binary	01000101, 01000111, 01010000

#454750
```
#454750 rgb(69,71,80)
```
#504e45
```
#504e45 rgb(80,78,69)
```

Complementary Color

#454d50
```
#454d50 rgb(69,77,80)
```
#454750
```
#454750 rgb(69,71,80)
```
#494550
```
#494550 rgb(73,69,80)
```

Analogous Color

#4d5045
```
#4d5045 rgb(77,80,69)
```
#454750
```
#454750 rgb(69,71,80)
```
#504945
```
#504945 rgb(80,73,69)
```

Split Complementary Color

#475045
```
#475045 rgb(71,80,69)
```
#454750
```
#454750 rgb(69,71,80)
```
#504547
```
#504547 rgb(80,69,71)
```

Triadic Color

#45504e
```
#45504e rgb(69,80,78)
```
#454750
```
#454750 rgb(69,71,80)
```
#504547
```
#504547 rgb(80,69,71)
```
#504e45
```
#504e45 rgb(80,78,69)
```

Tetradic Color

#222327
```
#222327 rgb(34,35,39)
```
#2d2f35
```
#2d2f35 rgb(45,47,53)
```
#393b42
```
#393b42 rgb(57,59,66)
```
#454750
```
#454750 rgb(69,71,80)
```
#51535e
```
#51535e rgb(81,83,94)
```
#5d5f6b
```
#5d5f6b rgb(93,95,107)
```
#686b79
```
#686b79 rgb(104,107,121)
```

Monochromatic Color

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

#454a50
```
#454a50 rgb(69,74,80)
```
#454950
```
#454950 rgb(69,73,80)
```
#454850
```
#454850 rgb(69,72,80)
```
#454750
```
#454750 rgb(69,71,80)
```
#454650
```
#454650 rgb(69,70,80)
```
#454550
```
#454550 rgb(69,69,80)
```
#464550
```
#464550 rgb(70,69,80)
```

Similar Colors

Text with hexadecimal color #454750

This text has a font color of #454750.

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

#454750 background color

This paragraph has a background color of #454750.

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

#454750 border color

This element has a border color of #454750.

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

CSS codes

.text {color:#454750;}

.background {background-color:#454750;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e0f11
```
#0e0f11 rgb(14,15,17)
```
#18181b
```
#18181b rgb(24,24,27)
```
#212226
```
#212226 rgb(33,34,38)
```
#2a2b30
```
#2a2b30 rgb(42,43,48)
```
#33343b
```
#33343b rgb(51,52,59)
```
#3c3e45
```
#3c3e45 rgb(60,62,69)
```
#454750
```
#454750 rgb(69,71,80)
```
#4e505b
```
#4e505b rgb(78,80,91)
```
#575a65
```
#575a65 rgb(87,90,101)
```
#606370
```
#606370 rgb(96,99,112)
```
#696c7a
```
#696c7a rgb(105,108,122)
```
#727685
```
#727685 rgb(114,118,133)
```

Shade Color Variation

#7c808e
```
#7c808e rgb(124,128,142)
```
#878a97
```
#878a97 rgb(135,138,151)
```
#9194a0
```
#9194a0 rgb(145,148,160)
```
#9c9eaa
```
#9c9eaa rgb(156,158,170)
```
#a6a9b3
```
#a6a9b3 rgb(166,169,179)
```
#b1b3bc
```
#b1b3bc rgb(177,179,188)
```
#bcbdc5
```
#bcbdc5 rgb(188,189,197)
```
#c6c8ce
```
#c6c8ce rgb(198,200,206)
```
#d1d2d7
```
#d1d2d7 rgb(209,210,215)
```
#dbdce0
```
#dbdce0 rgb(219,220,224)
```
#e6e6e9
```
#e6e6e9 rgb(230,230,233)
```
#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#454750
```
#454750 rgb(69,71,80)
```
#3f4356
```
#3f4356 rgb(63,67,86)
```
#3a405b
```
#3a405b rgb(58,64,91)
```
#343c61
```
#343c61 rgb(52,60,97)
```
#2e3867
```
#2e3867 rgb(46,56,103)
```
#28356d
```
#28356d rgb(40,53,109)
```
#233172
```
#233172 rgb(35,49,114)
```
#1d2d78
```
#1d2d78 rgb(29,45,120)
```
#172a7e
```
#172a7e rgb(23,42,126)
```
#112684
```
#112684 rgb(17,38,132)
```
#0c2389
```
#0c2389 rgb(12,35,137)
```
#061f8f
```
#061f8f rgb(6,31,143)
```
#001b95
```
#001b95 rgb(0,27,149)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#474749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5058 Protanopia 1% of men
#544e59 Deuteranopia 1% of men
#4e5056 Tritanopia 0.001% of the population

Trichromacy

#4b4c55 Protanomaly 1% of men, 0.01% of women
#4e4c56 Deuteranomaly 6% of men, 0.4% of women
#4a4d54 Tritanomaly 0.01% of the population

#454750 hex color

#454750 Color Information

#454750 Color Conversion

Color Schemes with #454750

Alternatives to #454750

#454750 Preview

Shades and Tints of #454750

Tones of #454750

Color Blindness Simulator