#3a71aa hex color

In a RGB color space, hex #3a71aa is composed of 22.7% red, 44.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 33.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 210.5 degrees, a saturation of 49.1% and a lightness of 44.7%. #3a71aa color hex could be obtained by blending #74e2ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 44
- B 67
RGB color chart
- C 66
- M 34
- Y 0
- K 33
CMYK color chart

● #3a71aa color description : Dark moderate blue.

The hexadecimal color #3a71aa has RGB values of R:58, G:113, B:170 and CMYK values of C:0.66, M:0.34, Y:0, K:0.33. Its decimal value is 3830186.

Hex triplet	3a71aa	`#3a71aa`
RGB Decimal	58, 113, 170	`rgb(58,113,170)`
RGB Percent	22.7, 44.3, 66.7	`rgb(22.7%,44.3%,66.7%)`
CMYK	66, 34, 0, 33
HSL	210.5°, 49.1, 44.7	`hsl(210.5,49.1%,44.7%)`
HSV (or HSB)	210.5°, 65.9, 66.7
Web Safe	336699	`#336699`

CIE-LAB	46.46, 0.4, -35.855
XYZ	14.904, 15.611, 40.256
xyY	0.211, 0.221, 15.611
CIE-LCH	46.46, 35.857, 270.639
CIE-LUV	46.46, -22.132, -53.417
Hunter-Lab	39.511, -1.811, -32.75
Binary	00111010, 01110001, 10101010

#3a71aa
```
#3a71aa rgb(58,113,170)
```
#aa733a
```
#aa733a rgb(170,115,58)
```

Complementary Color

#3aa9aa
```
#3aa9aa rgb(58,169,170)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#3b3aaa
```
#3b3aaa rgb(59,58,170)
```

Analogous Color

#a9aa3a
```
#a9aa3a rgb(169,170,58)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#aa3b3a
```
#aa3b3a rgb(170,59,58)
```

Split Complementary Color

#71aa3a
```
#71aa3a rgb(113,170,58)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#aa3a71
```
#aa3a71 rgb(170,58,113)
```

Triadic Color

#3aaa73
```
#3aaa73 rgb(58,170,115)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#aa3a71
```
#aa3a71 rgb(170,58,113)
```
#aa733a
```
#aa733a rgb(170,115,58)
```

Tetradic Color

#274b71
```
#274b71 rgb(39,75,113)
```
#2d5884
```
#2d5884 rgb(45,88,132)
```
#346497
```
#346497 rgb(52,100,151)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#407ebd
```
#407ebd rgb(64,126,189)
```
#538ac4
```
#538ac4 rgb(83,138,196)
```
#6697cb
```
#6697cb rgb(102,151,203)
```

Monochromatic Color

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

#3a8daa
```
#3a8daa rgb(58,141,170)
```
#3a84aa
```
#3a84aa rgb(58,132,170)
```
#3a7aaa
```
#3a7aaa rgb(58,122,170)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#3a68aa
```
#3a68aa rgb(58,104,170)
```
#3a5eaa
```
#3a5eaa rgb(58,94,170)
```
#3a55aa
```
#3a55aa rgb(58,85,170)
```

Similar Colors

Text with hexadecimal color #3a71aa

This text has a font color of #3a71aa.

<span style="color:#3a71aa;">Text here</span>

#3a71aa background color

This paragraph has a background color of #3a71aa.

<p style="background-color:#3a71aa;">Content here</p>

#3a71aa border color

This element has a border color of #3a71aa.

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

CSS codes

.text {color:#3a71aa;}

.background {background-color:#3a71aa;}

.border {border:1px solid #3a71aa;}

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

#030609
```
#030609 rgb(3,6,9)
```
#081018
```
#081018 rgb(8,16,24)
```
#0d1a26
```
#0d1a26 rgb(13,26,38)
```
#122335
```
#122335 rgb(18,35,53)
```
#172d44
```
#172d44 rgb(23,45,68)
```
#1c3752
```
#1c3752 rgb(28,55,82)
```
#214061
```
#214061 rgb(33,64,97)
```
#264a6f
```
#264a6f rgb(38,74,111)
```
#2b547e
```
#2b547e rgb(43,84,126)
```
#305e8d
```
#305e8d rgb(48,94,141)
```
#35679b
```
#35679b rgb(53,103,155)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#3f7bb9
```
#3f7bb9 rgb(63,123,185)
```

Shade Color Variation

#4a85c1
```
#4a85c1 rgb(74,133,193)
```
#598ec6
```
#598ec6 rgb(89,142,198)
```
#6798cb
```
#6798cb rgb(103,152,203)
```
#76a2d0
```
#76a2d0 rgb(118,162,208)
```
#84acd5
```
#84acd5 rgb(132,172,213)
```
#93b6da
```
#93b6da rgb(147,182,218)
```
#a2c0df
```
#a2c0df rgb(162,192,223)
```
#b0cae4
```
#b0cae4 rgb(176,202,228)
```
#bfd4e9
```
#bfd4e9 rgb(191,212,233)
```
#cedeee
```
#cedeee rgb(206,222,238)
```
#dce7f3
```
#dce7f3 rgb(220,231,243)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#6f7275
```
#6f7275 rgb(111,114,117)
```
#66727e
```
#66727e rgb(102,114,126)
```
#5d7287
```
#5d7287 rgb(93,114,135)
```
#547190
```
#547190 rgb(84,113,144)
```
#4c7198
```
#4c7198 rgb(76,113,152)
```
#4371a1
```
#4371a1 rgb(67,113,161)
```
#3a71aa
```
#3a71aa rgb(58,113,170)
```
#3171b3
```
#3171b3 rgb(49,113,179)
```
#2871bc
```
#2871bc rgb(40,113,188)
```
#2071c4
```
#2071c4 rgb(32,113,196)
```
#1770cd
```
#1770cd rgb(23,112,205)
```
#0e70d6
```
#0e70d6 rgb(14,112,214)
```
#0570df
```
#0570df rgb(5,112,223)
```

Tone Color Variation

Below, you can see how #3a71aa 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

#676767 Achromatopsia 0.005% of the population
#5e6974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6073aa Protanopia 1% of men
#5475af Deuteranopia 1% of men
#278089 Tritanopia 0.001% of the population

Trichromacy

#5272aa Protanomaly 1% of men, 0.01% of women
#4a73ad Deuteranomaly 6% of men, 0.4% of women
#2e7a95 Tritanomaly 0.01% of the population

#3a71aa hex color

#3a71aa Color Information

#3a71aa Color Conversion

Color Schemes with #3a71aa

Alternatives to #3a71aa

#3a71aa Preview

Shades and Tints of #3a71aa

Tones of #3a71aa

Color Blindness Simulator