colorhexa.com

#454eae hex color

In a RGB color space, hex #454eae is composed of 27.1% red, 30.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 55.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 234.9 degrees, a saturation of 43.2% and a lightness of 47.6%. #454eae color hex could be obtained by blending #8a9cff with #00005d. Closest websafe color is: #336699.

- R 27
- G 31
- B 68
RGB color chart
- C 60
- M 55
- Y 0
- K 32
CMYK color chart

● #454eae color description : Dark moderate blue.

The hexadecimal color #454eae has RGB values of R:69, G:78, B:174 and CMYK values of C:0.6, M:0.55, Y:0, K:0.32. Its decimal value is 4542126.

Hex triplet	454eae	`#454eae`
RGB Decimal	69, 78, 174	`rgb(69,78,174)`
RGB Percent	27.1, 30.6, 68.2	`rgb(27.1%,30.6%,68.2%)`
CMYK	60, 55, 0, 32
HSL	234.9°, 43.2, 47.6	`hsl(234.9,43.2%,47.6%)`
HSV (or HSB)	234.9°, 60.3, 68.2
Web Safe	336699	`#336699`

CIE-LAB	37.425, 26.12, -52.607
XYZ	12.817, 9.769, 41.252
xyY	0.201, 0.153, 9.769
CIE-LCH	37.425, 58.734, 296.405
CIE-LUV	37.425, -8.151, -76.762
Hunter-Lab	31.256, 18.499, -56.373
Binary	01000101, 01001110, 10101110

#454eae
```
#454eae rgb(69,78,174)
```
#aea545
```
#aea545 rgb(174,165,69)
```

Complementary Color

#4583ae
```
#4583ae rgb(69,131,174)
```
#454eae
```
#454eae rgb(69,78,174)
```
#7145ae
```
#7145ae rgb(113,69,174)
```

Analogous Color

#83ae45
```
#83ae45 rgb(131,174,69)
```
#454eae
```
#454eae rgb(69,78,174)
```
#ae7145
```
#ae7145 rgb(174,113,69)
```

Split Complementary Color

#4eae45
```
#4eae45 rgb(78,174,69)
```
#454eae
```
#454eae rgb(69,78,174)
```
#ae454e
```
#ae454e rgb(174,69,78)
```

Triadic Color

#45aea5
```
#45aea5 rgb(69,174,165)
```
#454eae
```
#454eae rgb(69,78,174)
```
#ae454e
```
#ae454e rgb(174,69,78)
```
#aea545
```
#aea545 rgb(174,165,69)
```

Tetradic Color

#2f3577
```
#2f3577 rgb(47,53,119)
```
#373e89
```
#373e89 rgb(55,62,137)
```
#3e469c
```
#3e469c rgb(62,70,156)
```
#454eae
```
#454eae rgb(69,78,174)
```
#525bba
```
#525bba rgb(82,91,186)
```
#646cc2
```
#646cc2 rgb(100,108,194)
```
#777ec9
```
#777ec9 rgb(119,126,201)
```

Monochromatic Color

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

#4568ae
```
#4568ae rgb(69,104,174)
```
#4560ae
```
#4560ae rgb(69,96,174)
```
#4557ae
```
#4557ae rgb(69,87,174)
```
#454eae
```
#454eae rgb(69,78,174)
```
#4545ae
```
#4545ae rgb(69,69,174)
```
#4e45ae
```
#4e45ae rgb(78,69,174)
```
#5645ae
```
#5645ae rgb(86,69,174)
```

Similar Colors

Text with hexadecimal color #454eae

This text has a font color of #454eae.

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

#454eae background color

This paragraph has a background color of #454eae.

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

#454eae border color

This element has a border color of #454eae.

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

CSS codes

.text {color:#454eae;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080913
```
#080913 rgb(8,9,19)
```
#0d0f22
```
#0d0f22 rgb(13,15,34)
```
#131530
```
#131530 rgb(19,21,48)
```
#181c3e
```
#181c3e rgb(24,28,62)
```
#1e224c
```
#1e224c rgb(30,34,76)
```
#24285a
```
#24285a rgb(36,40,90)
```
#292f68
```
#292f68 rgb(41,47,104)
```
#2f3576
```
#2f3576 rgb(47,53,118)
```
#343b84
```
#343b84 rgb(52,59,132)
```
#3a4192
```
#3a4192 rgb(58,65,146)
```
#3f48a0
```
#3f48a0 rgb(63,72,160)
```
#454eae
```
#454eae rgb(69,78,174)
```

Shade Color Variation

#4e57b9
```
#4e57b9 rgb(78,87,185)
```
#5c64be
```
#5c64be rgb(92,100,190)
```
#6a72c4
```
#6a72c4 rgb(106,114,196)
```
#787fc9
```
#787fc9 rgb(120,127,201)
```
#868ccf
```
#868ccf rgb(134,140,207)
```
#949ad5
```
#949ad5 rgb(148,154,213)
```
#a2a7da
```
#a2a7da rgb(162,167,218)
```
#b0b4e0
```
#b0b4e0 rgb(176,180,224)
```
#bec2e5
```
#bec2e5 rgb(190,194,229)
```
#cccfeb
```
#cccfeb rgb(204,207,235)
```
#dadcf0
```
#dadcf0 rgb(218,220,240)
```
#e8eaf6
```
#e8eaf6 rgb(232,234,246)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74757f is the less saturated color, while #0418ef is the most saturated one.

#74757f
```
#74757f rgb(116,117,127)
```
#6a6d89
```
#6a6d89 rgb(106,109,137)
```
#616592
```
#616592 rgb(97,101,146)
```
#585d9b
```
#585d9b rgb(88,93,155)
```
#4e56a5
```
#4e56a5 rgb(78,86,165)
```
#454eae
```
#454eae rgb(69,78,174)
```
#3c46b7
```
#3c46b7 rgb(60,70,183)
```
#323fc1
```
#323fc1 rgb(50,63,193)
```
#2937ca
```
#2937ca rgb(41,55,202)
```
#202fd3
```
#202fd3 rgb(32,47,211)
```
#1627dd
```
#1627dd rgb(22,39,221)
```
#0d20e6
```
#0d20e6 rgb(13,32,230)
```
#0418ef
```
#0418ef rgb(4,24,239)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#535468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db8 Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#256970 Tritanopia 0.001% of the population

Trichromacy

#1957b4 Protanomaly 1% of men, 0.01% of women
#195ba6 Deuteranomaly 6% of men, 0.4% of women
#305f87 Tritanomaly 0.01% of the population