#45537f hex color

In a RGB color space, hex #45537f is composed of 27.1% red, 32.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 34.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 225.5 degrees, a saturation of 29.6% and a lightness of 38.4%. #45537f color hex could be obtained by blending #8aa6fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 33
- B 50
RGB color chart
- C 46
- M 35
- Y 0
- K 50
CMYK color chart

● #45537f color description : Dark moderate blue.

The hexadecimal color #45537f has RGB values of R:69, G:83, B:127 and CMYK values of C:0.46, M:0.35, Y:0, K:0.5. Its decimal value is 4543359.

Hex triplet	45537f	`#45537f`
RGB Decimal	69, 83, 127	`rgb(69,83,127)`
RGB Percent	27.1, 32.5, 49.8	`rgb(27.1%,32.5%,49.8%)`
CMYK	46, 35, 0, 50
HSL	225.5°, 29.6, 38.4	`hsl(225.5,29.6%,38.4%)`
HSV (or HSB)	225.5°, 45.7, 49.8
Web Safe	336666	`#336666`

CIE-LAB	35.953, 7.104, -26.559
XYZ	9.377, 8.984, 21.317
xyY	0.236, 0.226, 8.984
CIE-LCH	35.953, 27.493, 284.976
CIE-LUV	35.953, -8.216, -37.287
Hunter-Lab	29.973, 3.394, -21.188
Binary	01000101, 01010011, 01111111

#45537f
```
#45537f rgb(69,83,127)
```
#7f7145
```
#7f7145 rgb(127,113,69)
```

Complementary Color

#45707f
```
#45707f rgb(69,112,127)
```
#45537f
```
#45537f rgb(69,83,127)
```
#54457f
```
#54457f rgb(84,69,127)
```

Analogous Color

#707f45
```
#707f45 rgb(112,127,69)
```
#45537f
```
#45537f rgb(69,83,127)
```
#7f5445
```
#7f5445 rgb(127,84,69)
```

Split Complementary Color

#537f45
```
#537f45 rgb(83,127,69)
```
#45537f
```
#45537f rgb(69,83,127)
```
#7f4553
```
#7f4553 rgb(127,69,83)
```

Triadic Color

#457f71
```
#457f71 rgb(69,127,113)
```
#45537f
```
#45537f rgb(69,83,127)
```
#7f4553
```
#7f4553 rgb(127,69,83)
```
#7f7145
```
#7f7145 rgb(127,113,69)
```

Tetradic Color

#2a334d
```
#2a334d rgb(42,51,77)
```
#333d5e
```
#333d5e rgb(51,61,94)
```
#3c486e
```
#3c486e rgb(60,72,110)
```
#45537f
```
#45537f rgb(69,83,127)
```
#4e5e90
```
#4e5e90 rgb(78,94,144)
```
#5769a0
```
#5769a0 rgb(87,105,160)
```
#6576ab
```
#6576ab rgb(101,118,171)
```

Monochromatic Color

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

#45627f
```
#45627f rgb(69,98,127)
```
#455d7f
```
#455d7f rgb(69,93,127)
```
#45587f
```
#45587f rgb(69,88,127)
```
#45537f
```
#45537f rgb(69,83,127)
```
#454e7f
```
#454e7f rgb(69,78,127)
```
#45497f
```
#45497f rgb(69,73,127)
```
#46457f
```
#46457f rgb(70,69,127)
```

Similar Colors

Text with hexadecimal color #45537f

This text has a font color of #45537f.

<span style="color:#45537f;">Text here</span>

#45537f background color

This paragraph has a background color of #45537f.

<p style="background-color:#45537f;">Content here</p>

#45537f border color

This element has a border color of #45537f.

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

CSS codes

.text {color:#45537f;}

.background {background-color:#45537f;}

.border {border:1px solid #45537f;}

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, #07080d is the darkest color, while #ffffff is the lightest one.

#07080d
```
#07080d rgb(7,8,13)
```
#0e1119
```
#0e1119 rgb(14,17,25)
```
#151926
```
#151926 rgb(21,25,38)
```
#1c2133
```
#1c2133 rgb(28,33,51)
```
#22293f
```
#22293f rgb(34,41,63)
```
#29324c
```
#29324c rgb(41,50,76)
```
#303a59
```
#303a59 rgb(48,58,89)
```
#374266
```
#374266 rgb(55,66,102)
```
#3e4b72
```
#3e4b72 rgb(62,75,114)
```
#45537f
```
#45537f rgb(69,83,127)
```
#4c5b8c
```
#4c5b8c rgb(76,91,140)
```
#536498
```
#536498 rgb(83,100,152)
```
#5a6ca5
```
#5a6ca5 rgb(90,108,165)
```

Shade Color Variation

#6677ac
```
#6677ac rgb(102,119,172)
```
#7383b3
```
#7383b3 rgb(115,131,179)
```
#808eba
```
#808eba rgb(128,142,186)
```
#8d99c1
```
#8d99c1 rgb(141,153,193)
```
#99a4c8
```
#99a4c8 rgb(153,164,200)
```
#a6b0cf
```
#a6b0cf rgb(166,176,207)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#bfc6dc
```
#bfc6dc rgb(191,198,220)
```
#ccd2e3
```
#ccd2e3 rgb(204,210,227)
```
#d9ddea
```
#d9ddea rgb(217,221,234)
```
#e5e8f1
```
#e5e8f1 rgb(229,232,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5f68 is the less saturated color, while #0130c3 is the most saturated one.

#5c5f68
```
#5c5f68 rgb(92,95,104)
```
#545b70
```
#545b70 rgb(84,91,112)
```
#4d5777
```
#4d5777 rgb(77,87,119)
```
#45537f
```
#45537f rgb(69,83,127)
```
#3d4f87
```
#3d4f87 rgb(61,79,135)
```
#364b8e
```
#364b8e rgb(54,75,142)
```
#2e4796
```
#2e4796 rgb(46,71,150)
```
#27439d
```
#27439d rgb(39,67,157)
```
#1f40a5
```
#1f40a5 rgb(31,64,165)
```
#183cac
```
#183cac rgb(24,60,172)
```
#1038b4
```
#1038b4 rgb(16,56,180)
```
#0934bb
```
#0934bb rgb(9,52,187)
```
#0130c3
```
#0130c3 rgb(1,48,195)
```

Tone Color Variation

Below, you can see how #45537f 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

#545454 Achromatopsia 0.005% of the population
#51545d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5c85 Protanopia 1% of men
#4a5c85 Deuteranopia 1% of men
#446269 Tritanopia 0.001% of the population

Trichromacy

#4a5883 Protanomaly 1% of men, 0.01% of women
#485983 Deuteranomaly 6% of men, 0.4% of women
#445c71 Tritanomaly 0.01% of the population

#45537f hex color

#45537f Color Information

#45537f Color Conversion

Color Schemes with #45537f

Alternatives to #45537f

#45537f Preview

Shades and Tints of #45537f

Tones of #45537f

Color Blindness Simulator