#454d99 hex color

In a RGB color space, hex #454d99 is composed of 27.1% red, 30.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 49.7% magenta, 0% yellow and 40% black. It has a hue angle of 234.3 degrees, a saturation of 37.8% and a lightness of 43.5%. #454d99 color hex could be obtained by blending #8a9aff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 30
- B 60
RGB color chart
- C 55
- M 50
- Y 0
- K 40
CMYK color chart

● #454d99 color description : Dark moderate blue.

The hexadecimal color #454d99 has RGB values of R:69, G:77, B:153 and CMYK values of C:0.55, M:0.5, Y:0, K:0.4. Its decimal value is 4541849.

Hex triplet	454d99	`#454d99`
RGB Decimal	69, 77, 153	`rgb(69,77,153)`
RGB Percent	27.1, 30.2, 60	`rgb(27.1%,30.2%,60%)`
CMYK	55, 50, 0, 40
HSL	234.3°, 37.8, 43.5	`hsl(234.3,37.8%,43.5%)`
HSV (or HSB)	234.3°, 54.9, 60
Web Safe	336699	`#336699`

CIE-LAB	35.738, 19.593, -42.758
XYZ	10.857, 8.872, 31.276
xyY	0.213, 0.174, 8.872
CIE-LCH	35.738, 47.034, 294.619
CIE-LUV	35.738, -7.061, -61.558
Hunter-Lab	29.787, 12.934, -41.403
Binary	01000101, 01001101, 10011001

#454d99
```
#454d99 rgb(69,77,153)
```
#999145
```
#999145 rgb(153,145,69)
```

Complementary Color

#457799
```
#457799 rgb(69,119,153)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#674599
```
#674599 rgb(103,69,153)
```

Analogous Color

#779945
```
#779945 rgb(119,153,69)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#996745
```
#996745 rgb(153,103,69)
```

Split Complementary Color

#4d9945
```
#4d9945 rgb(77,153,69)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#99454d
```
#99454d rgb(153,69,77)
```

Triadic Color

#459991
```
#459991 rgb(69,153,145)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#99454d
```
#99454d rgb(153,69,77)
```
#999145
```
#999145 rgb(153,145,69)
```

Tetradic Color

#2d3264
```
#2d3264 rgb(45,50,100)
```
#353b76
```
#353b76 rgb(53,59,118)
```
#3d4487
```
#3d4487 rgb(61,68,135)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#4d56ab
```
#4d56ab rgb(77,86,171)
```
#5c64b5
```
#5c64b5 rgb(92,100,181)
```
#6d75bd
```
#6d75bd rgb(109,117,189)
```

Monochromatic Color

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

#456299
```
#456299 rgb(69,98,153)
```
#455b99
```
#455b99 rgb(69,91,153)
```
#455499
```
#455499 rgb(69,84,153)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#454699
```
#454699 rgb(69,70,153)
```
#4b4599
```
#4b4599 rgb(75,69,153)
```
#524599
```
#524599 rgb(82,69,153)
```

Similar Colors

Text with hexadecimal color #454d99

This text has a font color of #454d99.

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

#454d99 background color

This paragraph has a background color of #454d99.

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

#454d99 border color

This element has a border color of #454d99.

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

CSS codes

.text {color:#454d99;}

.background {background-color:#454d99;}

.border {border:1px solid #454d99;}

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

#020204
```
#020204 rgb(2,2,4)
```
#080912
```
#080912 rgb(8,9,18)
```
#0e101f
```
#0e101f rgb(14,16,31)
```
#14172d
```
#14172d rgb(20,23,45)
```
#1a1d3a
```
#1a1d3a rgb(26,29,58)
```
#202448
```
#202448 rgb(32,36,72)
```
#272b55
```
#272b55 rgb(39,43,85)
```
#2d3263
```
#2d3263 rgb(45,50,99)
```
#333970
```
#333970 rgb(51,57,112)
```
#393f7e
```
#393f7e rgb(57,63,126)
```
#3f468b
```
#3f468b rgb(63,70,139)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#4b54a7
```
#4b54a7 rgb(75,84,167)
```

Shade Color Variation

#545db2
```
#545db2 rgb(84,93,178)
```
#6169b8
```
#6169b8 rgb(97,105,184)
```
#6f76be
```
#6f76be rgb(111,118,190)
```
#7c83c4
```
#7c83c4 rgb(124,131,196)
```
#8a90ca
```
#8a90ca rgb(138,144,202)
```
#979dd0
```
#979dd0 rgb(151,157,208)
```
#a5a9d6
```
#a5a9d6 rgb(165,169,214)
```
#b2b6dc
```
#b2b6dc rgb(178,182,220)
```
#c0c3e2
```
#c0c3e2 rgb(192,195,226)
```
#cdd0e9
```
#cdd0e9 rgb(205,208,233)
```
#dbddef
```
#dbddef rgb(219,221,239)
```
#e8e9f5
```
#e8e9f5 rgb(232,233,245)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#676977
```
#676977 rgb(103,105,119)
```
#5f627f
```
#5f627f rgb(95,98,127)
```
#565b88
```
#565b88 rgb(86,91,136)
```
#4e5490
```
#4e5490 rgb(78,84,144)
```
#454d99
```
#454d99 rgb(69,77,153)
```
#3c46a2
```
#3c46a2 rgb(60,70,162)
```
#343faa
```
#343faa rgb(52,63,170)
```
#2b38b3
```
#2b38b3 rgb(43,56,179)
```
#2331bb
```
#2331bb rgb(35,49,187)
```
#1a2ac4
```
#1a2ac4 rgb(26,42,196)
```
#1224cc
```
#1224cc rgb(18,36,204)
```
#091dd5
```
#091dd5 rgb(9,29,213)
```
#0116dd
```
#0116dd rgb(1,22,221)
```

Tone Color Variation

Below, you can see how #454d99 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

#535353 Achromatopsia 0.005% of the population
#505261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345aa2 Protanopia 1% of men
#1e5e9b Deuteranopia 1% of men
#36636a Tritanopia 0.001% of the population

Trichromacy

#3a559e Protanomaly 1% of men, 0.01% of women
#2c579a Deuteranomaly 6% of men, 0.4% of women
#3c5b7b Tritanomaly 0.01% of the population

#454d99 hex color

#454d99 Color Information

#454d99 Color Conversion

Color Schemes with #454d99

Alternatives to #454d99

#454d99 Preview

Shades and Tints of #454d99

Tones of #454d99

Color Blindness Simulator