#45484d hex color

In a RGB color space, hex #45484d is composed of 27.1% red, 28.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 6.5% magenta, 0% yellow and 69.8% black. It has a hue angle of 217.5 degrees, a saturation of 5.5% and a lightness of 28.6%. #45484d color hex could be obtained by blending #8a909a with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 28
- B 30
RGB color chart
- C 10
- M 6
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #45484d has RGB values of R:69, G:72, B:77 and CMYK values of C:0.1, M:0.06, Y:0, K:0.7. Its decimal value is 4540493.

Hex triplet	45484d	`#45484d`
RGB Decimal	69, 72, 77	`rgb(69,72,77)`
RGB Percent	27.1, 28.2, 30.2	`rgb(27.1%,28.2%,30.2%)`
CMYK	10, 6, 0, 70
HSL	217.5°, 5.5, 28.6	`hsl(217.5,5.5%,28.6%)`
HSV (or HSB)	217.5°, 10.4, 30.2
Web Safe	333366	`#333366`

CIE-LAB	30.486, -0.066, -3.412
XYZ	6.111, 6.436, 7.941
xyY	0.298, 0.314, 6.436
CIE-LCH	30.486, 3.413, 268.89
CIE-LUV	30.486, -1.809, -4.102
Hunter-Lab	25.369, -1.398, -0.801
Binary	01000101, 01001000, 01001101

#45484d
```
#45484d rgb(69,72,77)
```
#4d4a45
```
#4d4a45 rgb(77,74,69)
```

Complementary Color

#454c4d
```
#454c4d rgb(69,76,77)
```
#45484d
```
#45484d rgb(69,72,77)
```
#46454d
```
#46454d rgb(70,69,77)
```

Analogous Color

#4c4d45
```
#4c4d45 rgb(76,77,69)
```
#45484d
```
#45484d rgb(69,72,77)
```
#4d4645
```
#4d4645 rgb(77,70,69)
```

Split Complementary Color

#484d45
```
#484d45 rgb(72,77,69)
```
#45484d
```
#45484d rgb(69,72,77)
```
#4d4548
```
#4d4548 rgb(77,69,72)
```

Triadic Color

#454d4a
```
#454d4a rgb(69,77,74)
```
#45484d
```
#45484d rgb(69,72,77)
```
#4d4548
```
#4d4548 rgb(77,69,72)
```
#4d4a45
```
#4d4a45 rgb(77,74,69)
```

Tetradic Color

#212225
```
#212225 rgb(33,34,37)
```
#2d2f32
```
#2d2f32 rgb(45,47,50)
```
#393b40
```
#393b40 rgb(57,59,64)
```
#45484d
```
#45484d rgb(69,72,77)
```
#51555a
```
#51555a rgb(81,85,90)
```
#5d6168
```
#5d6168 rgb(93,97,104)
```
#696e75
```
#696e75 rgb(105,110,117)
```

Monochromatic Color

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

#454a4d
```
#454a4d rgb(69,74,77)
```
#45494d
```
#45494d rgb(69,73,77)
```
#45494d
```
#45494d rgb(69,73,77)
```
#45484d
```
#45484d rgb(69,72,77)
```
#45474d
```
#45474d rgb(69,71,77)
```
#45474d
```
#45474d rgb(69,71,77)
```
#45464d
```
#45464d rgb(69,70,77)
```

Similar Colors

Text with hexadecimal color #45484d

This text has a font color of #45484d.

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

#45484d background color

This paragraph has a background color of #45484d.

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

#45484d border color

This element has a border color of #45484d.

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

CSS codes

.text {color:#45484d;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0e0f
```
#0d0e0f rgb(13,14,15)
```
#171819
```
#171819 rgb(23,24,25)
```
#202124
```
#202124 rgb(32,33,36)
```
#292b2e
```
#292b2e rgb(41,43,46)
```
#323538
```
#323538 rgb(50,53,56)
```
#3c3e43
```
#3c3e43 rgb(60,62,67)
```
#45484d
```
#45484d rgb(69,72,77)
```
#4e5257
```
#4e5257 rgb(78,82,87)
```
#585b62
```
#585b62 rgb(88,91,98)
```
#61656c
```
#61656c rgb(97,101,108)
```
#6a6f76
```
#6a6f76 rgb(106,111,118)
```
#737881
```
#737881 rgb(115,120,129)
```

Shade Color Variation

#7d828b
```
#7d828b rgb(125,130,139)
```
#878c94
```
#878c94 rgb(135,140,148)
```
#92969d
```
#92969d rgb(146,150,157)
```
#9ca0a6
```
#9ca0a6 rgb(156,160,166)
```
#a6aab0
```
#a6aab0 rgb(166,170,176)
```
#b1b4b9
```
#b1b4b9 rgb(177,180,185)
```
#bbbec2
```
#bbbec2 rgb(187,190,194)
```
#c6c8cb
```
#c6c8cb rgb(198,200,203)
```
#d0d2d5
```
#d0d2d5 rgb(208,210,213)
```
#dadcde
```
#dadcde rgb(218,220,222)
```
#e5e6e7
```
#e5e6e7 rgb(229,230,231)
```
#eff0f1
```
#eff0f1 rgb(239,240,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#45484d
```
#45484d rgb(69,72,77)
```
#3f4753
```
#3f4753 rgb(63,71,83)
```
#3a4558
```
#3a4558 rgb(58,69,88)
```
#34445e
```
#34445e rgb(52,68,94)
```
#2f4263
```
#2f4263 rgb(47,66,99)
```
#294169
```
#294169 rgb(41,65,105)
```
#23406f
```
#23406f rgb(35,64,111)
```
#1e3e74
```
#1e3e74 rgb(30,62,116)
```
#183d7a
```
#183d7a rgb(24,61,122)
```
#123b80
```
#123b80 rgb(18,59,128)
```
#0d3a85
```
#0d3a85 rgb(13,58,133)
```
#07398b
```
#07398b rgb(7,57,139)
```
#023790
```
#023790 rgb(2,55,144)
```

Tone Color Variation

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

#515055 Protanopia 1% of men
#564f57 Deuteranopia 1% of men
#4e5157 Tritanopia 0.001% of the population

Trichromacy

#4c4d52 Protanomaly 1% of men, 0.01% of women
#4f4c53 Deuteranomaly 6% of men, 0.4% of women
#4b4d53 Tritanomaly 0.01% of the population

#45484d hex color

#45484d Color Information

#45484d Color Conversion

Color Schemes with #45484d

Alternatives to #45484d

#45484d Preview

Shades and Tints of #45484d

Tones of #45484d

Color Blindness Simulator