#45484f hex color

In a RGB color space, hex #45484f is composed of 27.1% red, 28.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 8.9% magenta, 0% yellow and 69% black. It has a hue angle of 222 degrees, a saturation of 6.8% and a lightness of 29%. #45484f color hex could be obtained by blending #8a909e with #000000. Closest websafe color is: #333366.

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

● #45484f color description : Very dark grayish blue.

The hexadecimal color #45484f has RGB values of R:69, G:72, B:79 and CMYK values of C:0.13, M:0.09, Y:0, K:0.69. Its decimal value is 4540495.

Hex triplet	45484f	`#45484f`
RGB Decimal	69, 72, 79	`rgb(69,72,79)`
RGB Percent	27.1, 28.2, 31	`rgb(27.1%,28.2%,31%)`
CMYK	13, 9, 0, 69
HSL	222°, 6.8, 29	`hsl(222,6.8%,29%)`
HSV (or HSB)	222°, 12.7, 31
Web Safe	333366	`#333366`

CIE-LAB	30.555, 0.417, -4.598
XYZ	6.183, 6.464, 8.319
xyY	0.295, 0.308, 6.464
CIE-LCH	30.555, 4.617, 275.184
CIE-LUV	30.555, -1.903, -5.633
Hunter-Lab	25.425, -1.088, -1.601
Binary	01000101, 01001000, 01001111

#45484f
```
#45484f rgb(69,72,79)
```
#4f4c45
```
#4f4c45 rgb(79,76,69)
```

Complementary Color

#454d4f
```
#454d4f rgb(69,77,79)
```
#45484f
```
#45484f rgb(69,72,79)
```
#47454f
```
#47454f rgb(71,69,79)
```

Analogous Color

#4d4f45
```
#4d4f45 rgb(77,79,69)
```
#45484f
```
#45484f rgb(69,72,79)
```
#4f4745
```
#4f4745 rgb(79,71,69)
```

Split Complementary Color

#484f45
```
#484f45 rgb(72,79,69)
```
#45484f
```
#45484f rgb(69,72,79)
```
#4f4548
```
#4f4548 rgb(79,69,72)
```

Triadic Color

#454f4c
```
#454f4c rgb(69,79,76)
```
#45484f
```
#45484f rgb(69,72,79)
```
#4f4548
```
#4f4548 rgb(79,69,72)
```
#4f4c45
```
#4f4c45 rgb(79,76,69)
```

Tetradic Color

#212326
```
#212326 rgb(33,35,38)
```
#2d2f34
```
#2d2f34 rgb(45,47,52)
```
#393c41
```
#393c41 rgb(57,60,65)
```
#45484f
```
#45484f rgb(69,72,79)
```
#51545d
```
#51545d rgb(81,84,93)
```
#5d616a
```
#5d616a rgb(93,97,106)
```
#696d78
```
#696d78 rgb(105,109,120)
```

Monochromatic Color

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

#454b4f
```
#454b4f rgb(69,75,79)
```
#454a4f
```
#454a4f rgb(69,74,79)
```
#45494f
```
#45494f rgb(69,73,79)
```
#45484f
```
#45484f rgb(69,72,79)
```
#45474f
```
#45474f rgb(69,71,79)
```
#45464f
```
#45464f rgb(69,70,79)
```
#45464f
```
#45464f rgb(69,70,79)
```

Similar Colors

Text with hexadecimal color #45484f

This text has a font color of #45484f.

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

#45484f background color

This paragraph has a background color of #45484f.

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

#45484f border color

This element has a border color of #45484f.

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

CSS codes

.text {color:#45484f;}

.background {background-color:#45484f;}

.border {border:1px solid #45484f;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0f10
```
#0e0f10 rgb(14,15,16)
```
#17181b
```
#17181b rgb(23,24,27)
```
#202225
```
#202225 rgb(32,34,37)
```
#2a2b30
```
#2a2b30 rgb(42,43,48)
```
#33353a
```
#33353a rgb(51,53,58)
```
#3c3e45
```
#3c3e45 rgb(60,62,69)
```
#45484f
```
#45484f rgb(69,72,79)
```
#4e5259
```
#4e5259 rgb(78,82,89)
```
#575b64
```
#575b64 rgb(87,91,100)
```
#60656e
```
#60656e rgb(96,101,110)
```
#6a6e79
```
#6a6e79 rgb(106,110,121)
```
#737883
```
#737883 rgb(115,120,131)
```

Shade Color Variation

#7d828d
```
#7d828d rgb(125,130,141)
```
#878c96
```
#878c96 rgb(135,140,150)
```
#92969f
```
#92969f rgb(146,150,159)
```
#9ca0a9
```
#9ca0a9 rgb(156,160,169)
```
#a6aab2
```
#a6aab2 rgb(166,170,178)
```
#b1b4bb
```
#b1b4bb rgb(177,180,187)
```
#bbbec4
```
#bbbec4 rgb(187,190,196)
```
#c6c8cd
```
#c6c8cd rgb(198,200,205)
```
#d0d2d6
```
#d0d2d6 rgb(208,210,214)
```
#dbdcdf
```
#dbdcdf rgb(219,220,223)
```
#e5e6e9
```
#e5e6e9 rgb(229,230,233)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45484f is the less saturated color, while #012d93 is the most saturated one.

#45484f
```
#45484f rgb(69,72,79)
```
#3f4655
```
#3f4655 rgb(63,70,85)
```
#3a435a
```
#3a435a rgb(58,67,90)
```
#344160
```
#344160 rgb(52,65,96)
```
#2e3f66
```
#2e3f66 rgb(46,63,102)
```
#293d6b
```
#293d6b rgb(41,61,107)
```
#233a71
```
#233a71 rgb(35,58,113)
```
#1d3877
```
#1d3877 rgb(29,56,119)
```
#17367d
```
#17367d rgb(23,54,125)
```
#123482
```
#123482 rgb(18,52,130)
```
#0c3188
```
#0c3188 rgb(12,49,136)
```
#062f8e
```
#062f8e rgb(6,47,142)
```
#012d93
```
#012d93 rgb(1,45,147)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#474849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505057 Protanopia 1% of men
#554f58 Deuteranopia 1% of men
#4e5157 Tritanopia 0.001% of the population

Trichromacy

#4c4d54 Protanomaly 1% of men, 0.01% of women
#4f4c55 Deuteranomaly 6% of men, 0.4% of women
#4b4e54 Tritanomaly 0.01% of the population

#45484f hex color

#45484f Color Information

#45484f Color Conversion

Color Schemes with #45484f

Alternatives to #45484f

#45484f Preview

Shades and Tints of #45484f

Tones of #45484f

Color Blindness Simulator