#45626c hex color

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

♥
- f
- t
- g
- R 27
- G 38
- B 42
RGB color chart
- C 36
- M 9
- Y 0
- K 58
CMYK color chart

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

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

Hex triplet	45626c	`#45626c`
RGB Decimal	69, 98, 108	`rgb(69,98,108)`
RGB Percent	27.1, 38.4, 42.4	`rgb(27.1%,38.4%,42.4%)`
CMYK	36, 9, 0, 58
HSL	195.4°, 22, 34.7	`hsl(195.4,22%,34.7%)`
HSV (or HSB)	195.4°, 36.1, 42.4
Web Safe	336666	`#336666`

CIE-LAB	39.72, -7.902, -9.082
XYZ	9.528, 11.083, 15.824
xyY	0.262, 0.304, 11.083
CIE-LCH	39.72, 12.039, 228.976
CIE-LUV	39.72, -14.003, -11.117
Hunter-Lab	33.291, -7.172, -4.878
Binary	01000101, 01100010, 01101100

#45626c
```
#45626c rgb(69,98,108)
```
#6c4f45
```
#6c4f45 rgb(108,79,69)
```

Complementary Color

#456c63
```
#456c63 rgb(69,108,99)
```
#45626c
```
#45626c rgb(69,98,108)
```
#454f6c
```
#454f6c rgb(69,79,108)
```

Analogous Color

#6c6345
```
#6c6345 rgb(108,99,69)
```
#45626c
```
#45626c rgb(69,98,108)
```
#6c454f
```
#6c454f rgb(108,69,79)
```

Split Complementary Color

#626c45
```
#626c45 rgb(98,108,69)
```
#45626c
```
#45626c rgb(69,98,108)
```
#6c4562
```
#6c4562 rgb(108,69,98)
```

Triadic Color

#456c4f
```
#456c4f rgb(69,108,79)
```
#45626c
```
#45626c rgb(69,98,108)
```
#6c4562
```
#6c4562 rgb(108,69,98)
```
#6c4f45
```
#6c4f45 rgb(108,79,69)
```

Tetradic Color

#27383d
```
#27383d rgb(39,56,61)
```
#31464d
```
#31464d rgb(49,70,77)
```
#3b545c
```
#3b545c rgb(59,84,92)
```
#45626c
```
#45626c rgb(69,98,108)
```
#4f707c
```
#4f707c rgb(79,112,124)
```
#597e8b
```
#597e8b rgb(89,126,139)
```
#638c9b
```
#638c9b rgb(99,140,155)
```

Monochromatic Color

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

#456c6c
```
#456c6c rgb(69,108,108)
```
#45696c
```
#45696c rgb(69,105,108)
```
#45656c
```
#45656c rgb(69,101,108)
```
#45626c
```
#45626c rgb(69,98,108)
```
#455f6c
```
#455f6c rgb(69,95,108)
```
#455c6c
```
#455c6c rgb(69,92,108)
```
#45586c
```
#45586c rgb(69,88,108)
```

Similar Colors

Text with hexadecimal color #45626c

This text has a font color of #45626c.

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

#45626c background color

This paragraph has a background color of #45626c.

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

#45626c border color

This element has a border color of #45626c.

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

CSS codes

.text {color:#45626c;}

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

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

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 #f3f6f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#0f1618
```
#0f1618 rgb(15,22,24)
```
#172124
```
#172124 rgb(23,33,36)
```
#1f2c30
```
#1f2c30 rgb(31,44,48)
```
#26373c
```
#26373c rgb(38,55,60)
```
#2e4148
```
#2e4148 rgb(46,65,72)
```
#364c54
```
#364c54 rgb(54,76,84)
```
#3d5760
```
#3d5760 rgb(61,87,96)
```
#45626c
```
#45626c rgb(69,98,108)
```
#4d6d78
```
#4d6d78 rgb(77,109,120)
```
#547884
```
#547884 rgb(84,120,132)
```
#5c8390
```
#5c8390 rgb(92,131,144)
```

Shade Color Variation

#648d9c
```
#648d9c rgb(100,141,156)
```
#7096a3
```
#7096a3 rgb(112,150,163)
```
#7c9fab
```
#7c9fab rgb(124,159,171)
```
#88a8b3
```
#88a8b3 rgb(136,168,179)
```
#94b0ba
```
#94b0ba rgb(148,176,186)
```
#a0b9c2
```
#a0b9c2 rgb(160,185,194)
```
#acc2ca
```
#acc2ca rgb(172,194,202)
```
#b7cbd1
```
#b7cbd1 rgb(183,203,209)
```
#c3d3d9
```
#c3d3d9 rgb(195,211,217)
```
#cfdce1
```
#cfdce1 rgb(207,220,225)
```
#dbe5e8
```
#dbe5e8 rgb(219,229,232)
```
#e7eef0
```
#e7eef0 rgb(231,238,240)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#535b5e
```
#535b5e rgb(83,91,94)
```
#4c5f65
```
#4c5f65 rgb(76,95,101)
```
#45626c
```
#45626c rgb(69,98,108)
```
#3e6573
```
#3e6573 rgb(62,101,115)
```
#37697a
```
#37697a rgb(55,105,122)
```
#316c80
```
#316c80 rgb(49,108,128)
```
#2a6f87
```
#2a6f87 rgb(42,111,135)
```
#23738e
```
#23738e rgb(35,115,142)
```
#1c7695
```
#1c7695 rgb(28,118,149)
```
#15799c
```
#15799c rgb(21,121,156)
```
#0f7da2
```
#0f7da2 rgb(15,125,162)
```
#0880a9
```
#0880a9 rgb(8,128,169)
```
#0183b0
```
#0183b0 rgb(1,131,176)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#646570 Protanopia 1% of men
#676375 Deuteranopia 1% of men
#4e6a72 Tritanopia 0.001% of the population

Trichromacy

#58646f Protanomaly 1% of men, 0.01% of women
#5a6372 Deuteranomaly 6% of men, 0.4% of women
#4a676f Tritanomaly 0.01% of the population

#45626c hex color

#45626c Color Information

#45626c Color Conversion

Color Schemes with #45626c

Alternatives to #45626c

#45626c Preview

Shades and Tints of #45626c

Tones of #45626c

Color Blindness Simulator