colorhexa.com

#45456c hex color

In a RGB color space, hex #45456c is composed of 27.1% red, 27.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 36.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 240 degrees, a saturation of 22% and a lightness of 34.7%. #45456c color hex could be obtained by blending #8a8ad8 with #000000. Closest websafe color is: #333366.

- R 27
- G 27
- B 42
RGB color chart
- C 36
- M 36
- Y 0
- K 58
CMYK color chart

● #45456c color description : Very dark desaturated blue.

The hexadecimal color #45456c has RGB values of R:69, G:69, B:108 and CMYK values of C:0.36, M:0.36, Y:0, K:0.58. Its decimal value is 4539756.

Hex triplet	45456c	`#45456c`
RGB Decimal	69, 69, 108	`rgb(69,69,108)`
RGB Percent	27.1, 27.1, 42.4	`rgb(27.1%,27.1%,42.4%)`
CMYK	36, 36, 0, 58
HSL	240°, 22, 34.7	`hsl(240,22%,34.7%)`
HSV (or HSB)	240°, 36.1, 42.4
Web Safe	333366	`#333366`

CIE-LAB	30.888, 10.322, -22.629
XYZ	7.289, 6.604, 15.077
xyY	0.252, 0.228, 6.604
CIE-LCH	30.888, 24.872, 294.519
CIE-LUV	30.888, -2.21, -30.608
Hunter-Lab	25.698, 5.655, -16.797
Binary	01000101, 01000101, 01101100

#45456c
```
#45456c rgb(69,69,108)
```
#6c6c45
```
#6c6c45 rgb(108,108,69)
```

Complementary Color

#45596c
```
#45596c rgb(69,89,108)
```
#45456c
```
#45456c rgb(69,69,108)
```
#59456c
```
#59456c rgb(89,69,108)
```

Analogous Color

#596c45
```
#596c45 rgb(89,108,69)
```
#45456c
```
#45456c rgb(69,69,108)
```
#6c5945
```
#6c5945 rgb(108,89,69)
```

Split Complementary Color

#456c45
```
#456c45 rgb(69,108,69)
```
#45456c
```
#45456c rgb(69,69,108)
```
#6c4545
```
#6c4545 rgb(108,69,69)
```

Triadic Color

#456c6c
```
#456c6c rgb(69,108,108)
```
#45456c
```
#45456c rgb(69,69,108)
```
#6c4545
```
#6c4545 rgb(108,69,69)
```
#6c6c45
```
#6c6c45 rgb(108,108,69)
```

Tetradic Color

#27273d
```
#27273d rgb(39,39,61)
```
#31314d
```
#31314d rgb(49,49,77)
```
#3b3b5c
```
#3b3b5c rgb(59,59,92)
```
#45456c
```
#45456c rgb(69,69,108)
```
#4f4f7c
```
#4f4f7c rgb(79,79,124)
```
#59598b
```
#59598b rgb(89,89,139)
```
#63639b
```
#63639b rgb(99,99,155)
```

Monochromatic Color

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

#454f6c
```
#454f6c rgb(69,79,108)
```
#454c6c
```
#454c6c rgb(69,76,108)
```
#45486c
```
#45486c rgb(69,72,108)
```
#45456c
```
#45456c rgb(69,69,108)
```
#48456c
```
#48456c rgb(72,69,108)
```
#4c456c
```
#4c456c rgb(76,69,108)
```
#4f456c
```
#4f456c rgb(79,69,108)
```

Similar Colors

Text with hexadecimal color #45456c

This text has a font color of #45456c.

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

#45456c background color

This paragraph has a background color of #45456c.

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

#45456c border color

This element has a border color of #45456c.

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

CSS codes

.text {color:#45456c;}

.background {background-color:#45456c;}

.border {border:1px solid #45456c;}

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#0f0f18
```
#0f0f18 rgb(15,15,24)
```
#171724
```
#171724 rgb(23,23,36)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#26263c
```
#26263c rgb(38,38,60)
```
#2e2e48
```
#2e2e48 rgb(46,46,72)
```
#363654
```
#363654 rgb(54,54,84)
```
#3d3d60
```
#3d3d60 rgb(61,61,96)
```
#45456c
```
#45456c rgb(69,69,108)
```
#4d4d78
```
#4d4d78 rgb(77,77,120)
```
#545484
```
#545484 rgb(84,84,132)
```
#5c5c90
```
#5c5c90 rgb(92,92,144)
```

Shade Color Variation

#64649c
```
#64649c rgb(100,100,156)
```
#7070a3
```
#7070a3 rgb(112,112,163)
```
#7c7cab
```
#7c7cab rgb(124,124,171)
```
#8888b3
```
#8888b3 rgb(136,136,179)
```
#9494ba
```
#9494ba rgb(148,148,186)
```
#a0a0c2
```
#a0a0c2 rgb(160,160,194)
```
#acacca
```
#acacca rgb(172,172,202)
```
#b7b7d1
```
#b7b7d1 rgb(183,183,209)
```
#c3c3d9
```
#c3c3d9 rgb(195,195,217)
```
#cfcfe1
```
#cfcfe1 rgb(207,207,225)
```
#dbdbe8
```
#dbdbe8 rgb(219,219,232)
```
#e7e7f0
```
#e7e7f0 rgb(231,231,240)
```
#f3f3f8
```
#f3f3f8 rgb(243,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53535e is the less saturated color, while #0101b0 is the most saturated one.

#53535e
```
#53535e rgb(83,83,94)
```
#4c4c65
```
#4c4c65 rgb(76,76,101)
```
#45456c
```
#45456c rgb(69,69,108)
```
#3e3e73
```
#3e3e73 rgb(62,62,115)
```
#37377a
```
#37377a rgb(55,55,122)
```
#313180
```
#313180 rgb(49,49,128)
```
#2a2a87
```
#2a2a87 rgb(42,42,135)
```
#23238e
```
#23238e rgb(35,35,142)
```
#1c1c95
```
#1c1c95 rgb(28,28,149)
```
#15159c
```
#15159c rgb(21,21,156)
```
#0f0fa2
```
#0f0fa2 rgb(15,15,162)
```
#0808a9
```
#0808a9 rgb(8,8,169)
```
#0101b0
```
#0101b0 rgb(1,1,176)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#484850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#455075 Protanopia 1% of men
#445172 Deuteranopia 1% of men
#47545a Tritanopia 0.001% of the population

Trichromacy

#454c71 Protanomaly 1% of men, 0.01% of women
#444d70 Deuteranomaly 6% of men, 0.4% of women
#464e60 Tritanomaly 0.01% of the population