#45628a hex color

In a RGB color space, hex #45628a is composed of 27.1% red, 38.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 29% magenta, 0% yellow and 45.9% black. It has a hue angle of 214.8 degrees, a saturation of 33.3% and a lightness of 40.6%. #45628a color hex could be obtained by blending #8ac4ff with #000015. Closest websafe color is: #336699.

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

● #45628a color description : Dark moderate blue.

The hexadecimal color #45628a has RGB values of R:69, G:98, B:138 and CMYK values of C:0.5, M:0.29, Y:0, K:0.46. Its decimal value is 4547210.

Hex triplet	45628a	`#45628a`
RGB Decimal	69, 98, 138	`rgb(69,98,138)`
RGB Percent	27.1, 38.4, 54.1	`rgb(27.1%,38.4%,54.1%)`
CMYK	50, 29, 0, 46
HSL	214.8°, 33.3, 40.6	`hsl(214.8,33.3%,40.6%)`
HSV (or HSB)	214.8°, 50, 54.1
Web Safe	336699	`#336699`

CIE-LAB	40.953, 1.155, -25.449
XYZ	11.408, 11.835, 25.727
xyY	0.233, 0.242, 11.835
CIE-LCH	40.953, 25.475, 272.599
CIE-LUV	40.953, -14.033, -36.242
Hunter-Lab	34.402, -1.01, -20.257
Binary	01000101, 01100010, 10001010

#45628a
```
#45628a rgb(69,98,138)
```
#8a6d45
```
#8a6d45 rgb(138,109,69)
```

Complementary Color

#45858a
```
#45858a rgb(69,133,138)
```
#45628a
```
#45628a rgb(69,98,138)
```
#4a458a
```
#4a458a rgb(74,69,138)
```

Analogous Color

#858a45
```
#858a45 rgb(133,138,69)
```
#45628a
```
#45628a rgb(69,98,138)
```
#8a4b45
```
#8a4b45 rgb(138,75,69)
```

Split Complementary Color

#628a45
```
#628a45 rgb(98,138,69)
```
#45628a
```
#45628a rgb(69,98,138)
```
#8a4562
```
#8a4562 rgb(138,69,98)
```

Triadic Color

#458a6d
```
#458a6d rgb(69,138,109)
```
#45628a
```
#45628a rgb(69,98,138)
```
#8a4562
```
#8a4562 rgb(138,69,98)
```
#8a6d45
```
#8a6d45 rgb(138,109,69)
```

Tetradic Color

#2c3e57
```
#2c3e57 rgb(44,62,87)
```
#344a68
```
#344a68 rgb(52,74,104)
```
#3d5679
```
#3d5679 rgb(61,86,121)
```
#45628a
```
#45628a rgb(69,98,138)
```
#4e6e9b
```
#4e6e9b rgb(78,110,155)
```
#577aab
```
#577aab rgb(87,122,171)
```
#6888b4
```
#6888b4 rgb(104,136,180)
```

Monochromatic Color

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

#45738a
```
#45738a rgb(69,115,138)
```
#456e8a
```
#456e8a rgb(69,110,138)
```
#45688a
```
#45688a rgb(69,104,138)
```
#45628a
```
#45628a rgb(69,98,138)
```
#455c8a
```
#455c8a rgb(69,92,138)
```
#45578a
```
#45578a rgb(69,87,138)
```
#45518a
```
#45518a rgb(69,81,138)
```

Similar Colors

Text with hexadecimal color #45628a

This text has a font color of #45628a.

<span style="color:#45628a;">Text here</span>

#45628a background color

This paragraph has a background color of #45628a.

<p style="background-color:#45628a;">Content here</p>

#45628a border color

This element has a border color of #45628a.

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

CSS codes

.text {color:#45628a;}

.background {background-color:#45628a;}

.border {border:1px solid #45628a;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#111821
```
#111821 rgb(17,24,33)
```
#17212e
```
#17212e rgb(23,33,46)
```
#1e2a3c
```
#1e2a3c rgb(30,42,60)
```
#243449
```
#243449 rgb(36,52,73)
```
#2b3d56
```
#2b3d56 rgb(43,61,86)
```
#314663
```
#314663 rgb(49,70,99)
```
#384f70
```
#384f70 rgb(56,79,112)
```
#3e597d
```
#3e597d rgb(62,89,125)
```
#45628a
```
#45628a rgb(69,98,138)
```
#4c6b97
```
#4c6b97 rgb(76,107,151)
```
#5275a4
```
#5275a4 rgb(82,117,164)
```

Shade Color Variation

#5c7eae
```
#5c7eae rgb(92,126,174)
```
#6989b4
```
#6989b4 rgb(105,137,180)
```
#7693bb
```
#7693bb rgb(118,147,187)
```
#839dc1
```
#839dc1 rgb(131,157,193)
```
#91a8c8
```
#91a8c8 rgb(145,168,200)
```
#9eb2ce
```
#9eb2ce rgb(158,178,206)
```
#abbcd5
```
#abbcd5 rgb(171,188,213)
```
#b8c7db
```
#b8c7db rgb(184,199,219)
```
#c5d1e2
```
#c5d1e2 rgb(197,209,226)
```
#d2dbe8
```
#d2dbe8 rgb(210,219,232)
```
#dfe6ef
```
#dfe6ef rgb(223,230,239)
```
#ecf0f6
```
#ecf0f6 rgb(236,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65676a is the less saturated color, while #0558ca is the most saturated one.

#65676a
```
#65676a rgb(101,103,106)
```
#5d6672
```
#5d6672 rgb(93,102,114)
```
#55657a
```
#55657a rgb(85,101,122)
```
#4d6382
```
#4d6382 rgb(77,99,130)
```
#45628a
```
#45628a rgb(69,98,138)
```
#3d6192
```
#3d6192 rgb(61,97,146)
```
#355f9a
```
#355f9a rgb(53,95,154)
```
#2d5ea2
```
#2d5ea2 rgb(45,94,162)
```
#255daa
```
#255daa rgb(37,93,170)
```
#1d5cb2
```
#1d5cb2 rgb(29,92,178)
```
#155aba
```
#155aba rgb(21,90,186)
```
#0d59c2
```
#0d59c2 rgb(13,89,194)
```
#0558ca
```
#0558ca rgb(5,88,202)
```

Tone Color Variation

Below, you can see how #45628a 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

#5e5e5e Achromatopsia 0.005% of the population
#595f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c678e Protanopia 1% of men
#586790 Deuteranopia 1% of men
#446f77 Tritanopia 0.001% of the population

Trichromacy

#53658c Protanomaly 1% of men, 0.01% of women
#51658e Deuteranomaly 6% of men, 0.4% of women
#446a7e Tritanomaly 0.01% of the population

#45628a hex color

#45628a Color Information

#45628a Color Conversion

Color Schemes with #45628a

Alternatives to #45628a

#45628a Preview

Shades and Tints of #45628a

Tones of #45628a

Color Blindness Simulator