#4062a5 hex color

In a RGB color space, hex #4062a5 is composed of 25.1% red, 38.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 40.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 219.8 degrees, a saturation of 44.1% and a lightness of 44.9%. #4062a5 color hex could be obtained by blending #80c4ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 38
- B 65
RGB color chart
- C 61
- M 41
- Y 0
- K 35
CMYK color chart

● #4062a5 color description : Dark moderate blue.

The hexadecimal color #4062a5 has RGB values of R:64, G:98, B:165 and CMYK values of C:0.61, M:0.41, Y:0, K:0.35. Its decimal value is 4219557.

Hex triplet	4062a5	`#4062a5`
RGB Decimal	64, 98, 165	`rgb(64,98,165)`
RGB Percent	25.1, 38.4, 64.7	`rgb(25.1%,38.4%,64.7%)`
CMYK	61, 41, 0, 35
HSL	219.8°, 44.1, 44.9	`hsl(219.8,44.1%,44.9%)`
HSV (or HSB)	219.8°, 61.2, 64.7
Web Safe	336699	`#336699`

CIE-LAB	42.064, 9.126, -39.852
XYZ	13.272, 12.541, 37.317
xyY	0.21, 0.199, 12.541
CIE-LCH	42.064, 40.884, 282.898
CIE-LUV	42.064, -15.537, -59.122
Hunter-Lab	35.414, 4.923, -37.687
Binary	01000000, 01100010, 10100101

#4062a5
```
#4062a5 rgb(64,98,165)
```
#a58340
```
#a58340 rgb(165,131,64)
```

Complementary Color

#4095a5
```
#4095a5 rgb(64,149,165)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#5140a5
```
#5140a5 rgb(81,64,165)
```

Analogous Color

#95a540
```
#95a540 rgb(149,165,64)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#a55140
```
#a55140 rgb(165,81,64)
```

Split Complementary Color

#62a540
```
#62a540 rgb(98,165,64)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#a54062
```
#a54062 rgb(165,64,98)
```

Triadic Color

#40a583
```
#40a583 rgb(64,165,131)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#a54062
```
#a54062 rgb(165,64,98)
```
#a58340
```
#a58340 rgb(165,131,64)
```

Tetradic Color

#2b416e
```
#2b416e rgb(43,65,110)
```
#324c80
```
#324c80 rgb(50,76,128)
```
#395793
```
#395793 rgb(57,87,147)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#476db7
```
#476db7 rgb(71,109,183)
```
#597bbf
```
#597bbf rgb(89,123,191)
```
#6c8ac6
```
#6c8ac6 rgb(108,138,198)
```

Monochromatic Color

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

#407ba5
```
#407ba5 rgb(64,123,165)
```
#4073a5
```
#4073a5 rgb(64,115,165)
```
#406aa5
```
#406aa5 rgb(64,106,165)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#405aa5
```
#405aa5 rgb(64,90,165)
```
#4051a5
```
#4051a5 rgb(64,81,165)
```
#4049a5
```
#4049a5 rgb(64,73,165)
```

Similar Colors

Text with hexadecimal color #4062a5

This text has a font color of #4062a5.

<span style="color:#4062a5;">Text here</span>

#4062a5 background color

This paragraph has a background color of #4062a5.

<p style="background-color:#4062a5;">Content here</p>

#4062a5 border color

This element has a border color of #4062a5.

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

CSS codes

.text {color:#4062a5;}

.background {background-color:#4062a5;}

.border {border:1px solid #4062a5;}

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, #04060a is the darkest color, while #fafbfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e18
```
#090e18 rgb(9,14,24)
```
#0f1626
```
#0f1626 rgb(15,22,38)
```
#141f34
```
#141f34 rgb(20,31,52)
```
#1a2742
```
#1a2742 rgb(26,39,66)
```
#1f3050
```
#1f3050 rgb(31,48,80)
```
#25385e
```
#25385e rgb(37,56,94)
```
#2a406c
```
#2a406c rgb(42,64,108)
```
#30497b
```
#30497b rgb(48,73,123)
```
#355189
```
#355189 rgb(53,81,137)
```
#3b5a97
```
#3b5a97 rgb(59,90,151)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#456ab3
```
#456ab3 rgb(69,106,179)
```

Shade Color Variation

#5175bb
```
#5175bb rgb(81,117,187)
```
#5f80c1
```
#5f80c1 rgb(95,128,193)
```
#6d8bc6
```
#6d8bc6 rgb(109,139,198)
```
#7b96cc
```
#7b96cc rgb(123,150,204)
```
#89a2d1
```
#89a2d1 rgb(137,162,209)
```
#97add7
```
#97add7 rgb(151,173,215)
```
#a6b8dc
```
#a6b8dc rgb(166,184,220)
```
#b4c3e2
```
#b4c3e2 rgb(180,195,226)
```
#c2cee7
```
#c2cee7 rgb(194,206,231)
```
#d0daed
```
#d0daed rgb(208,218,237)
```
#dee5f2
```
#dee5f2 rgb(222,229,242)
```
#ecf0f8
```
#ecf0f8 rgb(236,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#6c7079
```
#6c7079 rgb(108,112,121)
```
#636e82
```
#636e82 rgb(99,110,130)
```
#5a6b8b
```
#5a6b8b rgb(90,107,139)
```
#526893
```
#526893 rgb(82,104,147)
```
#49659c
```
#49659c rgb(73,101,156)
```
#4062a5
```
#4062a5 rgb(64,98,165)
```
#375fae
```
#375fae rgb(55,95,174)
```
#2e5cb7
```
#2e5cb7 rgb(46,92,183)
```
#2659bf
```
#2659bf rgb(38,89,191)
```
#1d56c8
```
#1d56c8 rgb(29,86,200)
```
#1454d1
```
#1454d1 rgb(20,84,209)
```
#0b51da
```
#0b51da rgb(11,81,218)
```
#024ee3
```
#024ee3 rgb(2,78,227)
```

Tone Color Variation

Below, you can see how #4062a5 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

#5f5f5f Achromatopsia 0.005% of the population
#59606d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f69a8 Protanopia 1% of men
#3f6ba8 Deuteranopia 1% of men
#2e747c Tritanopia 0.001% of the population

Trichromacy

#4966a7 Protanomaly 1% of men, 0.01% of women
#3f68a7 Deuteranomaly 6% of men, 0.4% of women
#346d8b Tritanomaly 0.01% of the population

#4062a5 hex color

#4062a5 Color Information

#4062a5 Color Conversion

Color Schemes with #4062a5

Alternatives to #4062a5

#4062a5 Preview

Shades and Tints of #4062a5

Tones of #4062a5

Color Blindness Simulator