#4050a2 hex color

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

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

● #4050a2 color description : Dark moderate blue.

The hexadecimal color #4050a2 has RGB values of R:64, G:80, B:162 and CMYK values of C:0.6, M:0.51, Y:0, K:0.36. Its decimal value is 4214946.

Hex triplet	4050a2	`#4050a2`
RGB Decimal	64, 80, 162	`rgb(64,80,162)`
RGB Percent	25.1, 31.4, 63.5	`rgb(25.1%,31.4%,63.5%)`
CMYK	60, 51, 0, 36
HSL	230.2°, 43.4, 44.3	`hsl(230.2,43.4%,44.3%)`
HSV (or HSB)	230.2°, 60.5, 63.5
Web Safe	336699	`#336699`

CIE-LAB	36.809, 19.696, -46.467
XYZ	11.503, 9.435, 35.395
xyY	0.204, 0.167, 9.435
CIE-LCH	36.809, 50.469, 292.971
CIE-LUV	36.809, -9.73, -67.349
Hunter-Lab	30.717, 13.092, -46.818
Binary	01000000, 01010000, 10100010

#4050a2
```
#4050a2 rgb(64,80,162)
```
#a29240
```
#a29240 rgb(162,146,64)
```

Complementary Color

#4081a2
```
#4081a2 rgb(64,129,162)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#6140a2
```
#6140a2 rgb(97,64,162)
```

Analogous Color

#81a240
```
#81a240 rgb(129,162,64)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#a26140
```
#a26140 rgb(162,97,64)
```

Split Complementary Color

#50a240
```
#50a240 rgb(80,162,64)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#a24050
```
#a24050 rgb(162,64,80)
```

Triadic Color

#40a292
```
#40a292 rgb(64,162,146)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#a24050
```
#a24050 rgb(162,64,80)
```
#a29240
```
#a29240 rgb(162,146,64)
```

Tetradic Color

#2a356b
```
#2a356b rgb(42,53,107)
```
#323e7d
```
#323e7d rgb(50,62,125)
```
#394790
```
#394790 rgb(57,71,144)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#4759b4
```
#4759b4 rgb(71,89,180)
```
#5868bd
```
#5868bd rgb(88,104,189)
```
#6a79c4
```
#6a79c4 rgb(106,121,196)
```

Monochromatic Color

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

#4069a2
```
#4069a2 rgb(64,105,162)
```
#4060a2
```
#4060a2 rgb(64,96,162)
```
#4058a2
```
#4058a2 rgb(64,88,162)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#4048a2
```
#4048a2 rgb(64,72,162)
```
#4040a2
```
#4040a2 rgb(64,64,162)
```
#4940a2
```
#4940a2 rgb(73,64,162)
```

Similar Colors

Text with hexadecimal color #4050a2

This text has a font color of #4050a2.

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

#4050a2 background color

This paragraph has a background color of #4050a2.

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

#4050a2 border color

This element has a border color of #4050a2.

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

CSS codes

.text {color:#4050a2;}

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

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

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)
```
#141832
```
#141832 rgb(20,24,50)
```
#191f40
```
#191f40 rgb(25,31,64)
```
#1f264e
```
#1f264e rgb(31,38,78)
```
#242d5c
```
#242d5c rgb(36,45,92)
```
#2a346a
```
#2a346a rgb(42,52,106)
```
#2f3b78
```
#2f3b78 rgb(47,59,120)
```
#354286
```
#354286 rgb(53,66,134)
```
#3a4994
```
#3a4994 rgb(58,73,148)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#4657b0
```
#4657b0 rgb(70,87,176)
```

Shade Color Variation

#5061ba
```
#5061ba rgb(80,97,186)
```
#5e6ebf
```
#5e6ebf rgb(94,110,191)
```
#6c7ac5
```
#6c7ac5 rgb(108,122,197)
```
#7a87ca
```
#7a87ca rgb(122,135,202)
```
#8894d0
```
#8894d0 rgb(136,148,208)
```
#96a0d5
```
#96a0d5 rgb(150,160,213)
```
#a4addb
```
#a4addb rgb(164,173,219)
```
#b2bae1
```
#b2bae1 rgb(178,186,225)
```
#c0c6e6
```
#c0c6e6 rgb(192,198,230)
```
#ced3ec
```
#ced3ec rgb(206,211,236)
```
#dce0f1
```
#dce0f1 rgb(220,224,241)
```
#eaecf7
```
#eaecf7 rgb(234,236,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#6b6d77
```
#6b6d77 rgb(107,109,119)
```
#63677f
```
#63677f rgb(99,103,127)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#515c91
```
#515c91 rgb(81,92,145)
```
#495699
```
#495699 rgb(73,86,153)
```
#4050a2
```
#4050a2 rgb(64,80,162)
```
#374aab
```
#374aab rgb(55,74,171)
```
#2f44b3
```
#2f44b3 rgb(47,68,179)
```
#263ebc
```
#263ebc rgb(38,62,188)
```
#1d39c5
```
#1d39c5 rgb(29,57,197)
```
#1533cd
```
#1533cd rgb(21,51,205)
```
#0c2dd6
```
#0c2dd6 rgb(12,45,214)
```
#0327df
```
#0327df rgb(3,39,223)
```

Tone Color Variation

Below, you can see how #4050a2 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
#515464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5caa Protanopia 1% of men
#0060a1 Deuteranopia 1% of men
#27676f Tritanopia 0.001% of the population

Trichromacy

#3558a7 Protanomaly 1% of men, 0.01% of women
#175aa1 Deuteranomaly 6% of men, 0.4% of women
#305e81 Tritanomaly 0.01% of the population

#4050a2 hex color

#4050a2 Color Information

#4050a2 Color Conversion

Color Schemes with #4050a2

Alternatives to #4050a2

#4050a2 Preview

Shades and Tints of #4050a2

Tones of #4050a2

Color Blindness Simulator