#455f8c hex color

In a RGB color space, hex #455f8c is composed of 27.1% red, 37.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 32.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 218 degrees, a saturation of 34% and a lightness of 41%. #455f8c color hex could be obtained by blending #8abeff with #000019. Closest websafe color is: #336699.

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

● #455f8c color description : Dark moderate blue.

The hexadecimal color #455f8c has RGB values of R:69, G:95, B:140 and CMYK values of C:0.51, M:0.32, Y:0, K:0.45. Its decimal value is 4546444.

Hex triplet	455f8c	`#455f8c`
RGB Decimal	69, 95, 140	`rgb(69,95,140)`
RGB Percent	27.1, 37.3, 54.9	`rgb(27.1%,37.3%,54.9%)`
CMYK	51, 32, 0, 45
HSL	218°, 34, 41	`hsl(218,34%,41%)`
HSV (or HSB)	218°, 50.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	40.152, 3.673, -27.907
XYZ	11.279, 11.343, 26.404
xyY	0.23, 0.231, 11.343
CIE-LCH	40.152, 28.148, 277.498
CIE-LUV	40.152, -12.912, -40.014
Hunter-Lab	33.679, 0.842, -22.909
Binary	01000101, 01011111, 10001100

#455f8c
```
#455f8c rgb(69,95,140)
```
#8c7245
```
#8c7245 rgb(140,114,69)
```

Complementary Color

#45838c
```
#45838c rgb(69,131,140)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#4f458c
```
#4f458c rgb(79,69,140)
```

Analogous Color

#838c45
```
#838c45 rgb(131,140,69)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#8c4f45
```
#8c4f45 rgb(140,79,69)
```

Split Complementary Color

#5f8c45
```
#5f8c45 rgb(95,140,69)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#8c455f
```
#8c455f rgb(140,69,95)
```

Triadic Color

#458c72
```
#458c72 rgb(69,140,114)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#8c455f
```
#8c455f rgb(140,69,95)
```
#8c7245
```
#8c7245 rgb(140,114,69)
```

Tetradic Color

#2c3c59
```
#2c3c59 rgb(44,60,89)
```
#34486a
```
#34486a rgb(52,72,106)
```
#3d537b
```
#3d537b rgb(61,83,123)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#4d6b9d
```
#4d6b9d rgb(77,107,157)
```
#5877ac
```
#5877ac rgb(88,119,172)
```
#6985b5
```
#6985b5 rgb(105,133,181)
```

Monochromatic Color

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

#45718c
```
#45718c rgb(69,113,140)
```
#456b8c
```
#456b8c rgb(69,107,140)
```
#45658c
```
#45658c rgb(69,101,140)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#45598c
```
#45598c rgb(69,89,140)
```
#45538c
```
#45538c rgb(69,83,140)
```
#454d8c
```
#454d8c rgb(69,77,140)
```

Similar Colors

Text with hexadecimal color #455f8c

This text has a font color of #455f8c.

<span style="color:#455f8c;">Text here</span>

#455f8c background color

This paragraph has a background color of #455f8c.

<p style="background-color:#455f8c;">Content here</p>

#455f8c border color

This element has a border color of #455f8c.

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

CSS codes

.text {color:#455f8c;}

.background {background-color:#455f8c;}

.border {border:1px solid #455f8c;}

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

#040609
```
#040609 rgb(4,6,9)
```
#0b0f16
```
#0b0f16 rgb(11,15,22)
```
#111823
```
#111823 rgb(17,24,35)
```
#182130
```
#182130 rgb(24,33,48)
```
#1e2a3d
```
#1e2a3d rgb(30,42,61)
```
#25324a
```
#25324a rgb(37,50,74)
```
#2b3b57
```
#2b3b57 rgb(43,59,87)
```
#324465
```
#324465 rgb(50,68,101)
```
#384d72
```
#384d72 rgb(56,77,114)
```
#3f567f
```
#3f567f rgb(63,86,127)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#4b6899
```
#4b6899 rgb(75,104,153)
```
#5271a6
```
#5271a6 rgb(82,113,166)
```

Shade Color Variation

#5d7baf
```
#5d7baf rgb(93,123,175)
```
#6a86b6
```
#6a86b6 rgb(106,134,182)
```
#7790bc
```
#7790bc rgb(119,144,188)
```
#849bc2
```
#849bc2 rgb(132,155,194)
```
#91a6c9
```
#91a6c9 rgb(145,166,201)
```
#9eb0cf
```
#9eb0cf rgb(158,176,207)
```
#acbbd6
```
#acbbd6 rgb(172,187,214)
```
#b9c6dc
```
#b9c6dc rgb(185,198,220)
```
#c6d1e3
```
#c6d1e3 rgb(198,209,227)
```
#d3dbe9
```
#d3dbe9 rgb(211,219,233)
```
#e0e6f0
```
#e0e6f0 rgb(224,230,240)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#65686c
```
#65686c rgb(101,104,108)
```
#5d6574
```
#5d6574 rgb(93,101,116)
```
#55637c
```
#55637c rgb(85,99,124)
```
#4d6184
```
#4d6184 rgb(77,97,132)
```
#455f8c
```
#455f8c rgb(69,95,140)
```
#3d5d94
```
#3d5d94 rgb(61,93,148)
```
#355b9c
```
#355b9c rgb(53,91,156)
```
#2d59a4
```
#2d59a4 rgb(45,89,164)
```
#2556ac
```
#2556ac rgb(37,86,172)
```
#1d54b4
```
#1d54b4 rgb(29,84,180)
```
#1552bc
```
#1552bc rgb(21,82,188)
```
#0d50c4
```
#0d50c4 rgb(13,80,196)
```
#054ecc
```
#054ecc rgb(5,78,204)
```

Tone Color Variation

Below, you can see how #455f8c 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

#5c5c5c Achromatopsia 0.005% of the population
#575d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576590 Protanopia 1% of men
#526692 Deuteranopia 1% of men
#436d75 Tritanopia 0.001% of the population

Trichromacy

#50638e Protanomaly 1% of men, 0.01% of women
#4d6390 Deuteranomaly 6% of men, 0.4% of women
#43687d Tritanomaly 0.01% of the population

#455f8c hex color

#455f8c Color Information

#455f8c Color Conversion

Color Schemes with #455f8c

Alternatives to #455f8c

#455f8c Preview

Shades and Tints of #455f8c

Tones of #455f8c

Color Blindness Simulator