#3475a1 hex color

In a RGB color space, hex #3475a1 is composed of 20.4% red, 45.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 27.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 204.2 degrees, a saturation of 51.2% and a lightness of 41.8%. #3475a1 color hex could be obtained by blending #68eaff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 46
- B 63
RGB color chart
- C 68
- M 27
- Y 0
- K 37
CMYK color chart

● #3475a1 color description : Dark moderate blue.

The hexadecimal color #3475a1 has RGB values of R:52, G:117, B:161 and CMYK values of C:0.68, M:0.27, Y:0, K:0.37. Its decimal value is 3437985.

Hex triplet	3475a1	`#3475a1`
RGB Decimal	52, 117, 161	`rgb(52,117,161)`
RGB Percent	20.4, 45.9, 63.1	`rgb(20.4%,45.9%,63.1%)`
CMYK	68, 27, 0, 37
HSL	204.2°, 51.2, 41.8	`hsl(204.2,51.2%,41.8%)`
HSV (or HSB)	204.2°, 67.7, 63.1
Web Safe	336699	`#336699`

CIE-LAB	47.007, -6.217, -29.741
XYZ	14.209, 16.025, 36.061
xyY	0.214, 0.242, 16.025
CIE-LCH	47.007, 30.384, 258.194
CIE-LUV	47.007, -25.156, -43.245
Hunter-Lab	40.031, -6.696, -25.388
Binary	00110100, 01110101, 10100001

#3475a1
```
#3475a1 rgb(52,117,161)
```
#a16034
```
#a16034 rgb(161,96,52)
```

Complementary Color

#34a197
```
#34a197 rgb(52,161,151)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#343ea1
```
#343ea1 rgb(52,62,161)
```

Analogous Color

#a19734
```
#a19734 rgb(161,151,52)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#a1343e
```
#a1343e rgb(161,52,62)
```

Split Complementary Color

#75a134
```
#75a134 rgb(117,161,52)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#a13475
```
#a13475 rgb(161,52,117)
```

Triadic Color

#34a160
```
#34a160 rgb(52,161,96)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#a13475
```
#a13475 rgb(161,52,117)
```
#a16034
```
#a16034 rgb(161,96,52)
```

Tetradic Color

#214b67
```
#214b67 rgb(33,75,103)
```
#28597a
```
#28597a rgb(40,89,122)
```
#2e678e
```
#2e678e rgb(46,103,142)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#3a83b4
```
#3a83b4 rgb(58,131,180)
```
#4590c3
```
#4590c3 rgb(69,144,195)
```
#589cc9
```
#589cc9 rgb(88,156,201)
```

Monochromatic Color

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

#3490a1
```
#3490a1 rgb(52,144,161)
```
#3487a1
```
#3487a1 rgb(52,135,161)
```
#347ea1
```
#347ea1 rgb(52,126,161)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#346ca1
```
#346ca1 rgb(52,108,161)
```
#3463a1
```
#3463a1 rgb(52,99,161)
```
#345aa1
```
#345aa1 rgb(52,90,161)
```

Similar Colors

Text with hexadecimal color #3475a1

This text has a font color of #3475a1.

<span style="color:#3475a1;">Text here</span>

#3475a1 background color

This paragraph has a background color of #3475a1.

<p style="background-color:#3475a1;">Content here</p>

#3475a1 border color

This element has a border color of #3475a1.

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

CSS codes

.text {color:#3475a1;}

.background {background-color:#3475a1;}

.border {border:1px solid #3475a1;}

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#09141c
```
#09141c rgb(9,20,28)
```
#0e1f2a
```
#0e1f2a rgb(14,31,42)
```
#122a39
```
#122a39 rgb(18,42,57)
```
#173448
```
#173448 rgb(23,52,72)
```
#1c3f57
```
#1c3f57 rgb(28,63,87)
```
#214a66
```
#214a66 rgb(33,74,102)
```
#265575
```
#265575 rgb(38,85,117)
```
#2a5f83
```
#2a5f83 rgb(42,95,131)
```
#2f6a92
```
#2f6a92 rgb(47,106,146)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#3980b0
```
#3980b0 rgb(57,128,176)
```
#3e8bbf
```
#3e8bbf rgb(62,139,191)
```

Shade Color Variation

#4b94c5
```
#4b94c5 rgb(75,148,197)
```
#5a9dca
```
#5a9dca rgb(90,157,202)
```
#69a5ce
```
#69a5ce rgb(105,165,206)
```
#77aed3
```
#77aed3 rgb(119,174,211)
```
#86b7d8
```
#86b7d8 rgb(134,183,216)
```
#95c0dd
```
#95c0dd rgb(149,192,221)
```
#a4c9e2
```
#a4c9e2 rgb(164,201,226)
```
#b3d2e6
```
#b3d2e6 rgb(179,210,230)
```
#c2daeb
```
#c2daeb rgb(194,218,235)
```
#d0e3f0
```
#d0e3f0 rgb(208,227,240)
```
#dfecf5
```
#dfecf5 rgb(223,236,245)
```
#eef5fa
```
#eef5fa rgb(238,245,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656c70 is the less saturated color, while #037ed2 is the most saturated one.

#656c70
```
#656c70 rgb(101,108,112)
```
#5d6d78
```
#5d6d78 rgb(93,109,120)
```
#556f80
```
#556f80 rgb(85,111,128)
```
#4d7088
```
#4d7088 rgb(77,112,136)
```
#447291
```
#447291 rgb(68,114,145)
```
#3c7399
```
#3c7399 rgb(60,115,153)
```
#3475a1
```
#3475a1 rgb(52,117,161)
```
#2c77a9
```
#2c77a9 rgb(44,119,169)
```
#2478b1
```
#2478b1 rgb(36,120,177)
```
#1b7aba
```
#1b7aba rgb(27,122,186)
```
#137bc2
```
#137bc2 rgb(19,123,194)
```
#0b7dca
```
#0b7dca rgb(11,125,202)
```
#037ed2
```
#037ed2 rgb(3,126,210)
```

Tone Color Variation

Below, you can see how #3475a1 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
#5d6a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6875a1 Protanopia 1% of men
#6076a8 Deuteranopia 1% of men
#29818b Tritanopia 0.001% of the population

Trichromacy

#5575a1 Protanomaly 1% of men, 0.01% of women
#5075a5 Deuteranomaly 6% of men, 0.4% of women
#2d7c93 Tritanomaly 0.01% of the population

#3475a1 hex color

#3475a1 Color Information

#3475a1 Color Conversion

Color Schemes with #3475a1

Alternatives to #3475a1

#3475a1 Preview

Shades and Tints of #3475a1

Tones of #3475a1

Color Blindness Simulator