#4540a2 hex color

In a RGB color space, hex #4540a2 is composed of 27.1% red, 25.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 60.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 243.1 degrees, a saturation of 43.4% and a lightness of 44.3%. #4540a2 color hex could be obtained by blending #8a80ff with #000045. Closest websafe color is: #333399.

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

● #4540a2 color description : Dark moderate blue.

The hexadecimal color #4540a2 has RGB values of R:69, G:64, B:162 and CMYK values of C:0.57, M:0.6, Y:0, K:0.36. Its decimal value is 4538530.

Hex triplet	4540a2	`#4540a2`
RGB Decimal	69, 64, 162	`rgb(69,64,162)`
RGB Percent	27.1, 25.1, 63.5	`rgb(27.1%,25.1%,63.5%)`
CMYK	57, 60, 0, 36
HSL	243.1°, 43.4, 44.3	`hsl(243.1,43.4%,44.3%)`
HSV (or HSB)	243.1°, 60.5, 63.5
Web Safe	333399	`#333399`

CIE-LAB	33.006, 31.001, -52.596
XYZ	10.808, 7.54, 35.066
xyY	0.202, 0.141, 7.54
CIE-LCH	33.006, 61.053, 300.516
CIE-LUV	33.006, -3.924, -73.862
Hunter-Lab	27.459, 22.203, -56.493
Binary	01000101, 01000000, 10100010

#4540a2
```
#4540a2 rgb(69,64,162)
```
#9da240
```
#9da240 rgb(157,162,64)
```

Complementary Color

#406ca2
```
#406ca2 rgb(64,108,162)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#7640a2
```
#7640a2 rgb(118,64,162)
```

Analogous Color

#6ca240
```
#6ca240 rgb(108,162,64)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#a27640
```
#a27640 rgb(162,118,64)
```

Split Complementary Color

#40a245
```
#40a245 rgb(64,162,69)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#a24540
```
#a24540 rgb(162,69,64)
```

Triadic Color

#409da2
```
#409da2 rgb(64,157,162)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#a24540
```
#a24540 rgb(162,69,64)
```
#9da240
```
#9da240 rgb(157,162,64)
```

Tetradic Color

#2e2a6b
```
#2e2a6b rgb(46,42,107)
```
#35327d
```
#35327d rgb(53,50,125)
```
#3d3990
```
#3d3990 rgb(61,57,144)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#4d47b4
```
#4d47b4 rgb(77,71,180)
```
#5d58bd
```
#5d58bd rgb(93,88,189)
```
#6f6ac4
```
#6f6ac4 rgb(111,106,196)
```

Monochromatic Color

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

#4054a2
```
#4054a2 rgb(64,84,162)
```
#404ba2
```
#404ba2 rgb(64,75,162)
```
#4043a2
```
#4043a2 rgb(64,67,162)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#4d40a2
```
#4d40a2 rgb(77,64,162)
```
#5540a2
```
#5540a2 rgb(85,64,162)
```
#5e40a2
```
#5e40a2 rgb(94,64,162)
```

Similar Colors

Text with hexadecimal color #4540a2

This text has a font color of #4540a2.

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

#4540a2 background color

This paragraph has a background color of #4540a2.

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

#4540a2 border color

This element has a border color of #4540a2.

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

CSS codes

.text {color:#4540a2;}

.background {background-color:#4540a2;}

.border {border:1px solid #4540a2;}

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

#030307
```
#030307 rgb(3,3,7)
```
#090815
```
#090815 rgb(9,8,21)
```
#0f0e23
```
#0f0e23 rgb(15,14,35)
```
#151432
```
#151432 rgb(21,20,50)
```
#1b1940
```
#1b1940 rgb(27,25,64)
```
#211f4e
```
#211f4e rgb(33,31,78)
```
#27245c
```
#27245c rgb(39,36,92)
```
#2d2a6a
```
#2d2a6a rgb(45,42,106)
```
#332f78
```
#332f78 rgb(51,47,120)
```
#393586
```
#393586 rgb(57,53,134)
```
#3f3a94
```
#3f3a94 rgb(63,58,148)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#4b46b0
```
#4b46b0 rgb(75,70,176)
```

Shade Color Variation

#5550ba
```
#5550ba rgb(85,80,186)
```
#635ebf
```
#635ebf rgb(99,94,191)
```
#706cc5
```
#706cc5 rgb(112,108,197)
```
#7e7aca
```
#7e7aca rgb(126,122,202)
```
#8b88d0
```
#8b88d0 rgb(139,136,208)
```
#9996d5
```
#9996d5 rgb(153,150,213)
```
#a7a4db
```
#a7a4db rgb(167,164,219)
```
#b4b2e1
```
#b4b2e1 rgb(180,178,225)
```
#c2c0e6
```
#c2c0e6 rgb(194,192,230)
```
#d0ceec
```
#d0ceec rgb(208,206,236)
```
#dddcf1
```
#dddcf1 rgb(221,220,241)
```
#ebeaf7
```
#ebeaf7 rgb(235,234,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6b77 is the less saturated color, while #0e03df is the most saturated one.

#6c6b77
```
#6c6b77 rgb(108,107,119)
```
#64637f
```
#64637f rgb(100,99,127)
```
#5c5a88
```
#5c5a88 rgb(92,90,136)
```
#555191
```
#555191 rgb(85,81,145)
```
#4d4999
```
#4d4999 rgb(77,73,153)
```
#4540a2
```
#4540a2 rgb(69,64,162)
```
#3d37ab
```
#3d37ab rgb(61,55,171)
```
#352fb3
```
#352fb3 rgb(53,47,179)
```
#2e26bc
```
#2e26bc rgb(46,38,188)
```
#261dc5
```
#261dc5 rgb(38,29,197)
```
#1e15cd
```
#1e15cd rgb(30,21,205)
```
#160cd6
```
#160cd6 rgb(22,12,214)
```
#0e03df
```
#0e03df rgb(14,3,223)
```

Tone Color Variation

Below, you can see how #4540a2 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

#4d4d4d Achromatopsia 0.005% of the population
#4b4a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005891 Deuteranopia 1% of men
#2c5d64 Tritanopia 0.001% of the population

Trichromacy

#194ca3 Protanomaly 1% of men, 0.01% of women
#194f97 Deuteranomaly 6% of men, 0.4% of women
#35527a Tritanomaly 0.01% of the population

#4540a2 hex color

#4540a2 Color Information

#4540a2 Color Conversion

Color Schemes with #4540a2

Alternatives to #4540a2

#4540a2 Preview

Shades and Tints of #4540a2

Tones of #4540a2

Color Blindness Simulator