#45648e hex color

In a RGB color space, hex #45648e is composed of 27.1% red, 39.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 29.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 214.5 degrees, a saturation of 34.6% and a lightness of 41.4%. #45648e color hex could be obtained by blending #8ac8ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 39
- B 56
RGB color chart
- C 51
- M 30
- Y 0
- K 44
CMYK color chart

● #45648e color description : Dark moderate blue.

The hexadecimal color #45648e has RGB values of R:69, G:100, B:142 and CMYK values of C:0.51, M:0.3, Y:0, K:0.44. Its decimal value is 4547726.

Hex triplet	45648e	`#45648e`
RGB Decimal	69, 100, 142	`rgb(69,100,142)`
RGB Percent	27.1, 39.2, 55.7	`rgb(27.1%,39.2%,55.7%)`
CMYK	51, 30, 0, 44
HSL	214.5°, 34.6, 41.4	`hsl(214.5,34.6%,41.4%)`
HSV (or HSB)	214.5°, 51.4, 55.7
Web Safe	336699	`#336699`

CIE-LAB	41.739, 1.209, -26.631
XYZ	11.893, 12.332, 27.343
xyY	0.231, 0.239, 12.332
CIE-LCH	41.739, 26.658, 272.599
CIE-LUV	41.739, -14.799, -38.195
Hunter-Lab	35.117, -1.003, -21.584
Binary	01000101, 01100100, 10001110

#45648e
```
#45648e rgb(69,100,142)
```
#8e6f45
```
#8e6f45 rgb(142,111,69)
```

Complementary Color

#45898e
```
#45898e rgb(69,137,142)
```
#45648e
```
#45648e rgb(69,100,142)
```
#4b458e
```
#4b458e rgb(75,69,142)
```

Analogous Color

#898e45
```
#898e45 rgb(137,142,69)
```
#45648e
```
#45648e rgb(69,100,142)
```
#8e4b45
```
#8e4b45 rgb(142,75,69)
```

Split Complementary Color

#648e45
```
#648e45 rgb(100,142,69)
```
#45648e
```
#45648e rgb(69,100,142)
```
#8e4564
```
#8e4564 rgb(142,69,100)
```

Triadic Color

#458e6f
```
#458e6f rgb(69,142,111)
```
#45648e
```
#45648e rgb(69,100,142)
```
#8e4564
```
#8e4564 rgb(142,69,100)
```
#8e6f45
```
#8e6f45 rgb(142,111,69)
```

Tetradic Color

#2c405b
```
#2c405b rgb(44,64,91)
```
#344c6c
```
#344c6c rgb(52,76,108)
```
#3d587d
```
#3d587d rgb(61,88,125)
```
#45648e
```
#45648e rgb(69,100,142)
```
#4d709f
```
#4d709f rgb(77,112,159)
```
#587dae
```
#587dae rgb(88,125,174)
```
#698ab6
```
#698ab6 rgb(105,138,182)
```

Monochromatic Color

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

#45768e
```
#45768e rgb(69,118,142)
```
#45708e
```
#45708e rgb(69,112,142)
```
#456a8e
```
#456a8e rgb(69,106,142)
```
#45648e
```
#45648e rgb(69,100,142)
```
#455e8e
```
#455e8e rgb(69,94,142)
```
#45588e
```
#45588e rgb(69,88,142)
```
#45528e
```
#45528e rgb(69,82,142)
```

Similar Colors

Text with hexadecimal color #45648e

This text has a font color of #45648e.

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

#45648e background color

This paragraph has a background color of #45648e.

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

#45648e border color

This element has a border color of #45648e.

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

CSS codes

.text {color:#45648e;}

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

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

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, #05070a is the darkest color, while #fcfcfd is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0b1017
```
#0b1017 rgb(11,16,23)
```
#121a24
```
#121a24 rgb(18,26,36)
```
#182332
```
#182332 rgb(24,35,50)
```
#1f2c3f
```
#1f2c3f rgb(31,44,63)
```
#25364c
```
#25364c rgb(37,54,76)
```
#2b3f59
```
#2b3f59 rgb(43,63,89)
```
#324866
```
#324866 rgb(50,72,102)
```
#385174
```
#385174 rgb(56,81,116)
```
#3f5b81
```
#3f5b81 rgb(63,91,129)
```
#45648e
```
#45648e rgb(69,100,142)
```
#4b6d9b
```
#4b6d9b rgb(75,109,155)
```
#5277a8
```
#5277a8 rgb(82,119,168)
```

Shade Color Variation

#5d81b0
```
#5d81b0 rgb(93,129,176)
```
#6b8bb7
```
#6b8bb7 rgb(107,139,183)
```
#7895bd
```
#7895bd rgb(120,149,189)
```
#85a0c4
```
#85a0c4 rgb(133,160,196)
```
#92aaca
```
#92aaca rgb(146,170,202)
```
#9fb4d1
```
#9fb4d1 rgb(159,180,209)
```
#adbfd7
```
#adbfd7 rgb(173,191,215)
```
#bac9dd
```
#bac9dd rgb(186,201,221)
```
#c7d3e4
```
#c7d3e4 rgb(199,211,228)
```
#d4deea
```
#d4deea rgb(212,222,234)
```
#e1e8f1
```
#e1e8f1 rgb(225,232,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#65696e
```
#65696e rgb(101,105,110)
```
#5d6876
```
#5d6876 rgb(93,104,118)
```
#55667e
```
#55667e rgb(85,102,126)
```
#4d6586
```
#4d6586 rgb(77,101,134)
```
#45648e
```
#45648e rgb(69,100,142)
```
#3d6396
```
#3d6396 rgb(61,99,150)
```
#35629e
```
#35629e rgb(53,98,158)
```
#2d60a6
```
#2d60a6 rgb(45,96,166)
```
#255fae
```
#255fae rgb(37,95,174)
```
#1c5eb7
```
#1c5eb7 rgb(28,94,183)
```
#145dbf
```
#145dbf rgb(20,93,191)
```
#0c5bc7
```
#0c5bc7 rgb(12,91,199)
```
#045acf
```
#045acf rgb(4,90,207)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b6169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6991 Protanopia 1% of men
#586994 Deuteranopia 1% of men
#437179 Tritanopia 0.001% of the population

Trichromacy

#546790 Protanomaly 1% of men, 0.01% of women
#516792 Deuteranomaly 6% of men, 0.4% of women
#446c81 Tritanomaly 0.01% of the population

#45648e hex color

#45648e Color Information

#45648e Color Conversion

Color Schemes with #45648e

Alternatives to #45648e

#45648e Preview

Shades and Tints of #45648e

Tones of #45648e

Color Blindness Simulator