#454e99 hex color

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

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

● #454e99 color description : Dark moderate blue.

The hexadecimal color #454e99 has RGB values of R:69, G:78, B:153 and CMYK values of C:0.55, M:0.49, Y:0, K:0.4. Its decimal value is 4542105.

Hex triplet	454e99	`#454e99`
RGB Decimal	69, 78, 153	`rgb(69,78,153)`
RGB Percent	27.1, 30.6, 60	`rgb(27.1%,30.6%,60%)`
CMYK	55, 49, 0, 40
HSL	233.6°, 37.8, 43.5	`hsl(233.6,37.8%,43.5%)`
HSV (or HSB)	233.6°, 54.9, 60
Web Safe	336699	`#336699`

CIE-LAB	36.01, 18.942, -42.321
XYZ	10.927, 9.013, 31.299
xyY	0.213, 0.176, 9.013
CIE-LCH	36.01, 46.367, 294.112
CIE-LUV	36.01, -7.368, -61.03
Hunter-Lab	30.022, 12.429, -40.796
Binary	01000101, 01001110, 10011001

#454e99
```
#454e99 rgb(69,78,153)
```
#999045
```
#999045 rgb(153,144,69)
```

Complementary Color

#457899
```
#457899 rgb(69,120,153)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#664599
```
#664599 rgb(102,69,153)
```

Analogous Color

#789945
```
#789945 rgb(120,153,69)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#996645
```
#996645 rgb(153,102,69)
```

Split Complementary Color

#4e9945
```
#4e9945 rgb(78,153,69)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#99454e
```
#99454e rgb(153,69,78)
```

Triadic Color

#459990
```
#459990 rgb(69,153,144)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#99454e
```
#99454e rgb(153,69,78)
```
#999045
```
#999045 rgb(153,144,69)
```

Tetradic Color

#2d3364
```
#2d3364 rgb(45,51,100)
```
#353c76
```
#353c76 rgb(53,60,118)
```
#3d4587
```
#3d4587 rgb(61,69,135)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#4d57ab
```
#4d57ab rgb(77,87,171)
```
#5c65b5
```
#5c65b5 rgb(92,101,181)
```
#6d76bd
```
#6d76bd rgb(109,118,189)
```

Monochromatic Color

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

#456399
```
#456399 rgb(69,99,153)
```
#455c99
```
#455c99 rgb(69,92,153)
```
#455599
```
#455599 rgb(69,85,153)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#454799
```
#454799 rgb(69,71,153)
```
#4a4599
```
#4a4599 rgb(74,69,153)
```
#514599
```
#514599 rgb(81,69,153)
```

Similar Colors

Text with hexadecimal color #454e99

This text has a font color of #454e99.

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

#454e99 background color

This paragraph has a background color of #454e99.

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

#454e99 border color

This element has a border color of #454e99.

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

CSS codes

.text {color:#454e99;}

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

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

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)
```
#1a1e3a
```
#1a1e3a rgb(26,30,58)
```
#202548
```
#202548 rgb(32,37,72)
```
#272c55
```
#272c55 rgb(39,44,85)
```
#2d3263
```
#2d3263 rgb(45,50,99)
```
#333970
```
#333970 rgb(51,57,112)
```
#39407e
```
#39407e rgb(57,64,126)
```
#3f478b
```
#3f478b rgb(63,71,139)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#4b55a7
```
#4b55a7 rgb(75,85,167)
```

Shade Color Variation

#545eb2
```
#545eb2 rgb(84,94,178)
```
#616ab8
```
#616ab8 rgb(97,106,184)
```
#6f77be
```
#6f77be rgb(111,119,190)
```
#7c84c4
```
#7c84c4 rgb(124,132,196)
```
#8a91ca
```
#8a91ca rgb(138,145,202)
```
#979dd0
```
#979dd0 rgb(151,157,208)
```
#a5aad6
```
#a5aad6 rgb(165,170,214)
```
#b2b7dc
```
#b2b7dc rgb(178,183,220)
```
#c0c3e2
```
#c0c3e2 rgb(192,195,226)
```
#cdd0e9
```
#cdd0e9 rgb(205,208,233)
```
#dbddef
```
#dbddef rgb(219,221,239)
```
#e8eaf5
```
#e8eaf5 rgb(232,234,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 #0118dd is the most saturated one.

#676977
```
#676977 rgb(103,105,119)
```
#5f627f
```
#5f627f rgb(95,98,127)
```
#565b88
```
#565b88 rgb(86,91,136)
```
#4e5590
```
#4e5590 rgb(78,85,144)
```
#454e99
```
#454e99 rgb(69,78,153)
```
#3c47a2
```
#3c47a2 rgb(60,71,162)
```
#3441aa
```
#3441aa rgb(52,65,170)
```
#2b3ab3
```
#2b3ab3 rgb(43,58,179)
```
#2333bb
```
#2333bb rgb(35,51,187)
```
#1a2cc4
```
#1a2cc4 rgb(26,44,196)
```
#1226cc
```
#1226cc rgb(18,38,204)
```
#091fd5
```
#091fd5 rgb(9,31,213)
```
#0118dd
```
#0118dd rgb(1,24,221)
```

Tone Color Variation

Below, you can see how #454e99 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
#515362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#365ba1 Protanopia 1% of men
#225e9b Deuteranopia 1% of men
#37646b Tritanopia 0.001% of the population

Trichromacy

#3b569e Protanomaly 1% of men, 0.01% of women
#2f589a Deuteranomaly 6% of men, 0.4% of women
#3c5c7b Tritanomaly 0.01% of the population

#454e99 hex color

#454e99 Color Information

#454e99 Color Conversion

Color Schemes with #454e99

Alternatives to #454e99

#454e99 Preview

Shades and Tints of #454e99

Tones of #454e99

Color Blindness Simulator