#45648d hex color

In a RGB color space, hex #45648d is composed of 27.1% red, 39.2% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 29.1% magenta, 0% yellow and 44.7% black. It has a hue angle of 214.2 degrees, a saturation of 34.3% and a lightness of 41.2%. #45648d color hex could be obtained by blending #8ac8ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 39
- B 55
RGB color chart
- C 51
- M 29
- Y 0
- K 45
CMYK color chart

● #45648d color description : Dark moderate blue.

The hexadecimal color #45648d has RGB values of R:69, G:100, B:141 and CMYK values of C:0.51, M:0.29, Y:0, K:0.45. Its decimal value is 4547725.

Hex triplet	45648d	`#45648d`
RGB Decimal	69, 100, 141	`rgb(69,100,141)`
RGB Percent	27.1, 39.2, 55.3	`rgb(27.1%,39.2%,55.3%)`
CMYK	51, 29, 0, 45
HSL	214.2°, 34.3, 41.2	`hsl(214.2,34.3%,41.2%)`
HSV (or HSB)	214.2°, 51.1, 55.3
Web Safe	336699	`#336699`

CIE-LAB	41.692, 0.885, -26.103
XYZ	11.818, 12.302, 26.95
xyY	0.231, 0.241, 12.302
CIE-LCH	41.692, 26.118, 271.942
CIE-LUV	41.692, -14.799, -37.352
Hunter-Lab	35.074, -1.236, -21.004
Binary	01000101, 01100100, 10001101

#45648d
```
#45648d rgb(69,100,141)
```
#8d6e45
```
#8d6e45 rgb(141,110,69)
```

Complementary Color

#45888d
```
#45888d rgb(69,136,141)
```
#45648d
```
#45648d rgb(69,100,141)
```
#4a458d
```
#4a458d rgb(74,69,141)
```

Analogous Color

#888d45
```
#888d45 rgb(136,141,69)
```
#45648d
```
#45648d rgb(69,100,141)
```
#8d4a45
```
#8d4a45 rgb(141,74,69)
```

Split Complementary Color

#648d45
```
#648d45 rgb(100,141,69)
```
#45648d
```
#45648d rgb(69,100,141)
```
#8d4564
```
#8d4564 rgb(141,69,100)
```

Triadic Color

#458d6e
```
#458d6e rgb(69,141,110)
```
#45648d
```
#45648d rgb(69,100,141)
```
#8d4564
```
#8d4564 rgb(141,69,100)
```
#8d6e45
```
#8d6e45 rgb(141,110,69)
```

Tetradic Color

#2c405a
```
#2c405a rgb(44,64,90)
```
#344c6b
```
#344c6b rgb(52,76,107)
```
#3d587c
```
#3d587c rgb(61,88,124)
```
#45648d
```
#45648d rgb(69,100,141)
```
#4d709e
```
#4d709e rgb(77,112,158)
```
#587dad
```
#587dad rgb(88,125,173)
```
#698ab6
```
#698ab6 rgb(105,138,182)
```

Monochromatic Color

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

#45768d
```
#45768d rgb(69,118,141)
```
#45708d
```
#45708d rgb(69,112,141)
```
#456a8d
```
#456a8d rgb(69,106,141)
```
#45648d
```
#45648d rgb(69,100,141)
```
#455e8d
```
#455e8d rgb(69,94,141)
```
#45588d
```
#45588d rgb(69,88,141)
```
#45528d
```
#45528d rgb(69,82,141)
```

Similar Colors

Text with hexadecimal color #45648d

This text has a font color of #45648d.

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

#45648d background color

This paragraph has a background color of #45648d.

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

#45648d border color

This element has a border color of #45648d.

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

CSS codes

.text {color:#45648d;}

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

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0b1016
```
#0b1016 rgb(11,16,22)
```
#111924
```
#111924 rgb(17,25,36)
```
#182331
```
#182331 rgb(24,35,49)
```
#1e2c3e
```
#1e2c3e rgb(30,44,62)
```
#25354b
```
#25354b rgb(37,53,75)
```
#2b3f58
```
#2b3f58 rgb(43,63,88)
```
#324865
```
#324865 rgb(50,72,101)
```
#385173
```
#385173 rgb(56,81,115)
```
#3f5b80
```
#3f5b80 rgb(63,91,128)
```
#45648d
```
#45648d rgb(69,100,141)
```
#4b6d9a
```
#4b6d9a rgb(75,109,154)
```
#5277a7
```
#5277a7 rgb(82,119,167)
```

Shade Color Variation

#5d81b0
```
#5d81b0 rgb(93,129,176)
```
#6a8bb6
```
#6a8bb6 rgb(106,139,182)
```
#7795bd
```
#7795bd rgb(119,149,189)
```
#85a0c3
```
#85a0c3 rgb(133,160,195)
```
#92aaca
```
#92aaca rgb(146,170,202)
```
#9fb4d0
```
#9fb4d0 rgb(159,180,208)
```
#acbed6
```
#acbed6 rgb(172,190,214)
```
#b9c9dd
```
#b9c9dd rgb(185,201,221)
```
#c6d3e3
```
#c6d3e3 rgb(198,211,227)
```
#d4ddea
```
#d4ddea rgb(212,221,234)
```
#e1e7f0
```
#e1e7f0 rgb(225,231,240)
```
#eef2f7
```
#eef2f7 rgb(238,242,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#65686d
```
#65686d rgb(101,104,109)
```
#5d6775
```
#5d6775 rgb(93,103,117)
```
#55667d
```
#55667d rgb(85,102,125)
```
#4d6585
```
#4d6585 rgb(77,101,133)
```
#45648d
```
#45648d rgb(69,100,141)
```
#3d6395
```
#3d6395 rgb(61,99,149)
```
#35629d
```
#35629d rgb(53,98,157)
```
#2d61a5
```
#2d61a5 rgb(45,97,165)
```
#2560ad
```
#2560ad rgb(37,96,173)
```
#1d5eb5
```
#1d5eb5 rgb(29,94,181)
```
#155dbd
```
#155dbd rgb(21,93,189)
```
#0c5cc6
```
#0c5cc6 rgb(12,92,198)
```
#045bce
```
#045bce rgb(4,91,206)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a6068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6990 Protanopia 1% of men
#596993 Deuteranopia 1% of men
#447179 Tritanopia 0.001% of the population

Trichromacy

#54678f Protanomaly 1% of men, 0.01% of women
#516791 Deuteranomaly 6% of men, 0.4% of women
#446c80 Tritanomaly 0.01% of the population

#45648d hex color

#45648d Color Information

#45648d Color Conversion

Color Schemes with #45648d

Alternatives to #45648d

#45648d Preview

Shades and Tints of #45648d

Tones of #45648d

Color Blindness Simulator