#4054a2 hex color

In a RGB color space, hex #4054a2 is composed of 25.1% red, 32.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 48.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 227.8 degrees, a saturation of 43.4% and a lightness of 44.3%. #4054a2 color hex could be obtained by blending #80a8ff with #000045. Closest websafe color is: #336699.

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

● #4054a2 color description : Dark moderate blue.

The hexadecimal color #4054a2 has RGB values of R:64, G:84, B:162 and CMYK values of C:0.6, M:0.48, Y:0, K:0.36. Its decimal value is 4215970.

Hex triplet	4054a2	`#4054a2`
RGB Decimal	64, 84, 162	`rgb(64,84,162)`
RGB Percent	25.1, 32.9, 63.5	`rgb(25.1%,32.9%,63.5%)`
CMYK	60, 48, 0, 36
HSL	227.8°, 43.4, 44.3	`hsl(227.8,43.4%,44.3%)`
HSV (or HSB)	227.8°, 60.5, 63.5
Web Safe	336699	`#336699`

CIE-LAB	37.912, 17.088, -44.697
XYZ	11.805, 10.039, 35.496
xyY	0.206, 0.175, 10.039
CIE-LCH	37.912, 47.852, 290.922
CIE-LUV	37.912, -10.951, -65.21
Hunter-Lab	31.684, 11.06, -44.245
Binary	01000000, 01010100, 10100010

#4054a2
```
#4054a2 rgb(64,84,162)
```
#a28e40
```
#a28e40 rgb(162,142,64)
```

Complementary Color

#4085a2
```
#4085a2 rgb(64,133,162)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#5d40a2
```
#5d40a2 rgb(93,64,162)
```

Analogous Color

#85a240
```
#85a240 rgb(133,162,64)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#a25d40
```
#a25d40 rgb(162,93,64)
```

Split Complementary Color

#54a240
```
#54a240 rgb(84,162,64)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#a24054
```
#a24054 rgb(162,64,84)
```

Triadic Color

#40a28e
```
#40a28e rgb(64,162,142)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#a24054
```
#a24054 rgb(162,64,84)
```
#a28e40
```
#a28e40 rgb(162,142,64)
```

Tetradic Color

#2a386b
```
#2a386b rgb(42,56,107)
```
#32417d
```
#32417d rgb(50,65,125)
```
#394b90
```
#394b90 rgb(57,75,144)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#475db4
```
#475db4 rgb(71,93,180)
```
#586dbd
```
#586dbd rgb(88,109,189)
```
#6a7dc4
```
#6a7dc4 rgb(106,125,196)
```

Monochromatic Color

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

#406da2
```
#406da2 rgb(64,109,162)
```
#4064a2
```
#4064a2 rgb(64,100,162)
```
#405ca2
```
#405ca2 rgb(64,92,162)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#404ca2
```
#404ca2 rgb(64,76,162)
```
#4044a2
```
#4044a2 rgb(64,68,162)
```
#4440a2
```
#4440a2 rgb(68,64,162)
```

Similar Colors

Text with hexadecimal color #4054a2

This text has a font color of #4054a2.

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

#4054a2 background color

This paragraph has a background color of #4054a2.

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

#4054a2 border color

This element has a border color of #4054a2.

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

CSS codes

.text {color:#4054a2;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080b15
```
#080b15 rgb(8,11,21)
```
#0e1223
```
#0e1223 rgb(14,18,35)
```
#141a32
```
#141a32 rgb(20,26,50)
```
#192140
```
#192140 rgb(25,33,64)
```
#1f284e
```
#1f284e rgb(31,40,78)
```
#24305c
```
#24305c rgb(36,48,92)
```
#2a376a
```
#2a376a rgb(42,55,106)
```
#2f3e78
```
#2f3e78 rgb(47,62,120)
```
#354586
```
#354586 rgb(53,69,134)
```
#3a4d94
```
#3a4d94 rgb(58,77,148)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#465bb0
```
#465bb0 rgb(70,91,176)
```

Shade Color Variation

#5065ba
```
#5065ba rgb(80,101,186)
```
#5e72bf
```
#5e72bf rgb(94,114,191)
```
#6c7ec5
```
#6c7ec5 rgb(108,126,197)
```
#7a8aca
```
#7a8aca rgb(122,138,202)
```
#8897d0
```
#8897d0 rgb(136,151,208)
```
#96a3d5
```
#96a3d5 rgb(150,163,213)
```
#a4afdb
```
#a4afdb rgb(164,175,219)
```
#b2bbe1
```
#b2bbe1 rgb(178,187,225)
```
#c0c8e6
```
#c0c8e6 rgb(192,200,230)
```
#ced4ec
```
#ced4ec rgb(206,212,236)
```
#dce0f1
```
#dce0f1 rgb(220,224,241)
```
#eaedf7
```
#eaedf7 rgb(234,237,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#6b6e77
```
#6b6e77 rgb(107,110,119)
```
#63697f
```
#63697f rgb(99,105,127)
```
#5a6388
```
#5a6388 rgb(90,99,136)
```
#515e91
```
#515e91 rgb(81,94,145)
```
#495999
```
#495999 rgb(73,89,153)
```
#4054a2
```
#4054a2 rgb(64,84,162)
```
#374fab
```
#374fab rgb(55,79,171)
```
#2f4ab3
```
#2f4ab3 rgb(47,74,179)
```
#2645bc
```
#2645bc rgb(38,69,188)
```
#1d3fc5
```
#1d3fc5 rgb(29,63,197)
```
#153acd
```
#153acd rgb(21,58,205)
```
#0c35d6
```
#0c35d6 rgb(12,53,214)
```
#0330df
```
#0330df rgb(3,48,223)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#525666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395fa9 Protanopia 1% of men
#1b63a4 Deuteranopia 1% of men
#296a71 Tritanopia 0.001% of the population

Trichromacy

#3b5ba6 Protanomaly 1% of men, 0.01% of women
#285da3 Deuteranomaly 6% of men, 0.4% of women
#316283 Tritanomaly 0.01% of the population

#4054a2 hex color

#4054a2 Color Information

#4054a2 Color Conversion

Color Schemes with #4054a2

Alternatives to #4054a2

#4054a2 Preview

Shades and Tints of #4054a2

Tones of #4054a2

Color Blindness Simulator