#455284 hex color

In a RGB color space, hex #455284 is composed of 27.1% red, 32.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 37.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 227.6 degrees, a saturation of 31.3% and a lightness of 39.4%. #455284 color hex could be obtained by blending #8aa4ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 32
- B 52
RGB color chart
- C 48
- M 38
- Y 0
- K 48
CMYK color chart

● #455284 color description : Dark moderate blue.

The hexadecimal color #455284 has RGB values of R:69, G:82, B:132 and CMYK values of C:0.48, M:0.38, Y:0, K:0.48. Its decimal value is 4543108.

Hex triplet	455284	`#455284`
RGB Decimal	69, 82, 132	`rgb(69,82,132)`
RGB Percent	27.1, 32.2, 51.8	`rgb(27.1%,32.2%,51.8%)`
CMYK	48, 38, 0, 48
HSL	227.6°, 31.3, 39.4	`hsl(227.6,31.3%,39.4%)`
HSV (or HSB)	227.6°, 47.7, 51.8
Web Safe	336699	`#336699`

CIE-LAB	35.918, 9.357, -29.687
XYZ	9.636, 8.965, 23.051
xyY	0.231, 0.215, 8.965
CIE-LCH	35.918, 31.126, 287.494
CIE-LUV	35.918, -7.994, -42.022
Hunter-Lab	29.942, 5.043, -24.685
Binary	01000101, 01010010, 10000100

#455284
```
#455284 rgb(69,82,132)
```
#847745
```
#847745 rgb(132,119,69)
```

Complementary Color

#457284
```
#457284 rgb(69,114,132)
```
#455284
```
#455284 rgb(69,82,132)
```
#584584
```
#584584 rgb(88,69,132)
```

Analogous Color

#728445
```
#728445 rgb(114,132,69)
```
#455284
```
#455284 rgb(69,82,132)
```
#845745
```
#845745 rgb(132,87,69)
```

Split Complementary Color

#528445
```
#528445 rgb(82,132,69)
```
#455284
```
#455284 rgb(69,82,132)
```
#844552
```
#844552 rgb(132,69,82)
```

Triadic Color

#458477
```
#458477 rgb(69,132,119)
```
#455284
```
#455284 rgb(69,82,132)
```
#844552
```
#844552 rgb(132,69,82)
```
#847745
```
#847745 rgb(132,119,69)
```

Tetradic Color

#2b3352
```
#2b3352 rgb(43,51,82)
```
#333d63
```
#333d63 rgb(51,61,99)
```
#3c4873
```
#3c4873 rgb(60,72,115)
```
#455284
```
#455284 rgb(69,82,132)
```
#4e5c95
```
#4e5c95 rgb(78,92,149)
```
#5767a5
```
#5767a5 rgb(87,103,165)
```
#6675af
```
#6675af rgb(102,117,175)
```

Monochromatic Color

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

#456284
```
#456284 rgb(69,98,132)
```
#455d84
```
#455d84 rgb(69,93,132)
```
#455784
```
#455784 rgb(69,87,132)
```
#455284
```
#455284 rgb(69,82,132)
```
#454d84
```
#454d84 rgb(69,77,132)
```
#454884
```
#454884 rgb(69,72,132)
```
#484584
```
#484584 rgb(72,69,132)
```

Similar Colors

Text with hexadecimal color #455284

This text has a font color of #455284.

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

#455284 background color

This paragraph has a background color of #455284.

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

#455284 border color

This element has a border color of #455284.

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

CSS codes

.text {color:#455284;}

.background {background-color:#455284;}

.border {border:1px solid #455284;}

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f121d
```
#0f121d rgb(15,18,29)
```
#161a2a
```
#161a2a rgb(22,26,42)
```
#1d2237
```
#1d2237 rgb(29,34,55)
```
#232a44
```
#232a44 rgb(35,42,68)
```
#2a3250
```
#2a3250 rgb(42,50,80)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#38426a
```
#38426a rgb(56,66,106)
```
#3e4a77
```
#3e4a77 rgb(62,74,119)
```
#455284
```
#455284 rgb(69,82,132)
```
#4c5a91
```
#4c5a91 rgb(76,90,145)
```
#52629e
```
#52629e rgb(82,98,158)
```

Shade Color Variation

#5b6ba9
```
#5b6ba9 rgb(91,107,169)
```
#6877b0
```
#6877b0 rgb(104,119,176)
```
#7482b7
```
#7482b7 rgb(116,130,183)
```
#818ebd
```
#818ebd rgb(129,142,189)
```
#8e99c4
```
#8e99c4 rgb(142,153,196)
```
#9ba5cb
```
#9ba5cb rgb(155,165,203)
```
#a8b1d2
```
#a8b1d2 rgb(168,177,210)
```
#b5bcd8
```
#b5bcd8 rgb(181,188,216)
```
#c2c8df
```
#c2c8df rgb(194,200,223)
```
#cfd3e6
```
#cfd3e6 rgb(207,211,230)
```
#dcdfec
```
#dcdfec rgb(220,223,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646465 is the less saturated color, while #072ec2 is the most saturated one.

#646465
```
#646465 rgb(100,100,101)
```
#5c606d
```
#5c606d rgb(92,96,109)
```
#545b75
```
#545b75 rgb(84,91,117)
```
#4d577c
```
#4d577c rgb(77,87,124)
```
#455284
```
#455284 rgb(69,82,132)
```
#3d4d8c
```
#3d4d8c rgb(61,77,140)
```
#364993
```
#364993 rgb(54,73,147)
```
#2e449b
```
#2e449b rgb(46,68,155)
```
#2640a3
```
#2640a3 rgb(38,64,163)
```
#1e3bab
```
#1e3bab rgb(30,59,171)
```
#1737b2
```
#1737b2 rgb(23,55,178)
```
#0f32ba
```
#0f32ba rgb(15,50,186)
```
#072ec2
```
#072ec2 rgb(7,46,194)
```

Tone Color Variation

Below, you can see how #455284 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
#51545e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5b8b Protanopia 1% of men
#455d89 Deuteranopia 1% of men
#426269 Tritanopia 0.001% of the population

Trichromacy

#485888 Protanomaly 1% of men, 0.01% of women
#455987 Deuteranomaly 6% of men, 0.4% of women
#435c73 Tritanomaly 0.01% of the population

#455284 hex color

#455284 Color Information

#455284 Color Conversion

Color Schemes with #455284

Alternatives to #455284

#455284 Preview

Shades and Tints of #455284

Tones of #455284

Color Blindness Simulator