#454fa2 hex color

In a RGB color space, hex #454fa2 is composed of 27.1% red, 31% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 51.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 233.5 degrees, a saturation of 40.3% and a lightness of 45.3%. #454fa2 color hex could be obtained by blending #8a9eff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 31
- B 64
RGB color chart
- C 57
- M 51
- Y 0
- K 36
CMYK color chart

● #454fa2 color description : Dark moderate blue.

The hexadecimal color #454fa2 has RGB values of R:69, G:79, B:162 and CMYK values of C:0.57, M:0.51, Y:0, K:0.36. Its decimal value is 4542370.

Hex triplet	454fa2	`#454fa2`
RGB Decimal	69, 79, 162	`rgb(69,79,162)`
RGB Percent	27.1, 31, 63.5	`rgb(27.1%,31%,63.5%)`
CMYK	57, 51, 0, 36
HSL	233.5°, 40.3, 45.3	`hsl(233.5,40.3%,45.3%)`
HSV (or HSB)	233.5°, 57.4, 63.5
Web Safe	336699	`#336699`

CIE-LAB	36.865, 21.356, -46.36
XYZ	11.77, 9.465, 35.387
xyY	0.208, 0.167, 9.465
CIE-LCH	36.865, 51.043, 294.734
CIE-LUV	36.865, -8, -67.372
Hunter-Lab	30.766, 14.451, -46.66
Binary	01000101, 01001111, 10100010

#454fa2
```
#454fa2 rgb(69,79,162)
```
#a29845
```
#a29845 rgb(162,152,69)
```

Complementary Color

#457ea2
```
#457ea2 rgb(69,126,162)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#6a45a2
```
#6a45a2 rgb(106,69,162)
```

Analogous Color

#7ea245
```
#7ea245 rgb(126,162,69)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#a26a45
```
#a26a45 rgb(162,106,69)
```

Split Complementary Color

#4fa245
```
#4fa245 rgb(79,162,69)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#a2454f
```
#a2454f rgb(162,69,79)
```

Triadic Color

#45a298
```
#45a298 rgb(69,162,152)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#a2454f
```
#a2454f rgb(162,69,79)
```
#a29845
```
#a29845 rgb(162,152,69)
```

Tetradic Color

#2e356c
```
#2e356c rgb(46,53,108)
```
#363e7e
```
#363e7e rgb(54,62,126)
```
#3d4690
```
#3d4690 rgb(61,70,144)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#4d58b3
```
#4d58b3 rgb(77,88,179)
```
#5f69bb
```
#5f69bb rgb(95,105,187)
```
#717ac3
```
#717ac3 rgb(113,122,195)
```

Monochromatic Color

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

#4566a2
```
#4566a2 rgb(69,102,162)
```
#455fa2
```
#455fa2 rgb(69,95,162)
```
#4557a2
```
#4557a2 rgb(69,87,162)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#4547a2
```
#4547a2 rgb(69,71,162)
```
#4a45a2
```
#4a45a2 rgb(74,69,162)
```
#5245a2
```
#5245a2 rgb(82,69,162)
```

Similar Colors

Text with hexadecimal color #454fa2

This text has a font color of #454fa2.

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

#454fa2 background color

This paragraph has a background color of #454fa2.

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

#454fa2 border color

This element has a border color of #454fa2.

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

CSS codes

.text {color:#454fa2;}

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

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

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, #05050b is the darkest color, while #fcfcfe is the lightest one.

#05050b
```
#05050b rgb(5,5,11)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#101326
```
#101326 rgb(16,19,38)
```
#161934
```
#161934 rgb(22,25,52)
```
#1c2042
```
#1c2042 rgb(28,32,66)
```
#22274f
```
#22274f rgb(34,39,79)
```
#282d5d
```
#282d5d rgb(40,45,93)
```
#2e346b
```
#2e346b rgb(46,52,107)
```
#333b79
```
#333b79 rgb(51,59,121)
```
#394286
```
#394286 rgb(57,66,134)
```
#3f4894
```
#3f4894 rgb(63,72,148)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#4b56b0
```
#4b56b0 rgb(75,86,176)
```

Shade Color Variation

#5761b7
```
#5761b7 rgb(87,97,183)
```
#656ebd
```
#656ebd rgb(101,110,189)
```
#727bc3
```
#727bc3 rgb(114,123,195)
```
#8088c9
```
#8088c9 rgb(128,136,201)
```
#8e95cf
```
#8e95cf rgb(142,149,207)
```
#9ca2d5
```
#9ca2d5 rgb(156,162,213)
```
#a9afdb
```
#a9afdb rgb(169,175,219)
```
#b7bce0
```
#b7bce0 rgb(183,188,224)
```
#c5c8e6
```
#c5c8e6 rgb(197,200,230)
```
#d3d5ec
```
#d3d5ec rgb(211,213,236)
```
#e0e2f2
```
#e0e2f2 rgb(224,226,242)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#717276
```
#717276 rgb(113,114,118)
```
#696b7e
```
#696b7e rgb(105,107,126)
```
#606487
```
#606487 rgb(96,100,135)
```
#575d90
```
#575d90 rgb(87,93,144)
```
#4e5699
```
#4e5699 rgb(78,86,153)
```
#454fa2
```
#454fa2 rgb(69,79,162)
```
#3c48ab
```
#3c48ab rgb(60,72,171)
```
#3341b4
```
#3341b4 rgb(51,65,180)
```
#2a3abd
```
#2a3abd rgb(42,58,189)
```
#2133c6
```
#2133c6 rgb(33,51,198)
```
#192cce
```
#192cce rgb(25,44,206)
```
#1025d7
```
#1025d7 rgb(16,37,215)
```
#071ee0
```
#071ee0 rgb(7,30,224)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#525464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e5cab Protanopia 1% of men
#0061a1 Deuteranopia 1% of men
#31666e Tritanopia 0.001% of the population

Trichromacy

#3657a7 Protanomaly 1% of men, 0.01% of women
#195aa1 Deuteranomaly 6% of men, 0.4% of women
#385e81 Tritanomaly 0.01% of the population

#454fa2 hex color

#454fa2 Color Information

#454fa2 Color Conversion

Color Schemes with #454fa2

Alternatives to #454fa2

#454fa2 Preview

Shades and Tints of #454fa2

Tones of #454fa2

Color Blindness Simulator