#3480a5 hex color

In a RGB color space, hex #3480a5 is composed of 20.4% red, 50.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 22.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 199.6 degrees, a saturation of 52.1% and a lightness of 42.5%. #3480a5 color hex could be obtained by blending #68ffff with #00014b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 50
- B 65
RGB color chart
- C 68
- M 22
- Y 0
- K 35
CMYK color chart

● #3480a5 color description : Dark moderate blue.

The hexadecimal color #3480a5 has RGB values of R:52, G:128, B:165 and CMYK values of C:0.68, M:0.22, Y:0, K:0.35. Its decimal value is 3440805.

Hex triplet	3480a5	`#3480a5`
RGB Decimal	52, 128, 165	`rgb(52,128,165)`
RGB Percent	20.4, 50.2, 64.7	`rgb(20.4%,50.2%,64.7%)`
CMYK	68, 22, 0, 35
HSL	199.6°, 52.1, 42.5	`hsl(199.6,52.1%,42.5%)`
HSV (or HSB)	199.6°, 68.5, 64.7
Web Safe	339999	`#339999`

CIE-LAB	50.551, -11.211, -26.562
XYZ	15.925, 18.884, 38.401
xyY	0.218, 0.258, 18.884
CIE-LCH	50.551, 28.831, 247.116
CIE-LUV	50.551, -28.992, -38.247
Hunter-Lab	43.455, -10.632, -21.975
Binary	00110100, 10000000, 10100101

#3480a5
```
#3480a5 rgb(52,128,165)
```
#a55934
```
#a55934 rgb(165,89,52)
```

Complementary Color

#34a592
```
#34a592 rgb(52,165,146)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#3448a5
```
#3448a5 rgb(52,72,165)
```

Analogous Color

#a59234
```
#a59234 rgb(165,146,52)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#a53448
```
#a53448 rgb(165,52,72)
```

Split Complementary Color

#80a534
```
#80a534 rgb(128,165,52)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#a53480
```
#a53480 rgb(165,52,128)
```

Triadic Color

#34a559
```
#34a559 rgb(52,165,89)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#a53480
```
#a53480 rgb(165,52,128)
```
#a55934
```
#a55934 rgb(165,89,52)
```

Tetradic Color

#22536b
```
#22536b rgb(34,83,107)
```
#28627e
```
#28627e rgb(40,98,126)
```
#2e7192
```
#2e7192 rgb(46,113,146)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#3a8fb8
```
#3a8fb8 rgb(58,143,184)
```
#479cc5
```
#479cc5 rgb(71,156,197)
```
#5aa6cb
```
#5aa6cb rgb(90,166,203)
```

Monochromatic Color

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

#349ca5
```
#349ca5 rgb(52,156,165)
```
#3493a5
```
#3493a5 rgb(52,147,165)
```
#3489a5
```
#3489a5 rgb(52,137,165)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#3477a5
```
#3477a5 rgb(52,119,165)
```
#346da5
```
#346da5 rgb(52,109,165)
```
#3464a5
```
#3464a5 rgb(52,100,165)
```

Similar Colors

Text with hexadecimal color #3480a5

This text has a font color of #3480a5.

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

#3480a5 background color

This paragraph has a background color of #3480a5.

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

#3480a5 border color

This element has a border color of #3480a5.

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

CSS codes

.text {color:#3480a5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a181f
```
#0a181f rgb(10,24,31)
```
#0e232e
```
#0e232e rgb(14,35,46)
```
#132f3d
```
#132f3d rgb(19,47,61)
```
#183b4c
```
#183b4c rgb(24,59,76)
```
#1c465a
```
#1c465a rgb(28,70,90)
```
#215269
```
#215269 rgb(33,82,105)
```
#265d78
```
#265d78 rgb(38,93,120)
```
#2b6987
```
#2b6987 rgb(43,105,135)
```
#2f7496
```
#2f7496 rgb(47,116,150)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#398cb4
```
#398cb4 rgb(57,140,180)
```

Shade Color Variation

#3e97c2
```
#3e97c2 rgb(62,151,194)
```
#4d9fc7
```
#4d9fc7 rgb(77,159,199)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#6bafd0
```
#6bafd0 rgb(107,175,208)
```
#7ab7d5
```
#7ab7d5 rgb(122,183,213)
```
#89bfda
```
#89bfda rgb(137,191,218)
```
#98c7de
```
#98c7de rgb(152,199,222)
```
#a6cfe3
```
#a6cfe3 rgb(166,207,227)
```
#b5d7e8
```
#b5d7e8 rgb(181,215,232)
```
#c4dfec
```
#c4dfec rgb(196,223,236)
```
#d3e7f1
```
#d3e7f1 rgb(211,231,241)
```
#e2eff6
```
#e2eff6 rgb(226,239,246)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666f73 is the less saturated color, while #0291d7 is the most saturated one.

#666f73
```
#666f73 rgb(102,111,115)
```
#5e727b
```
#5e727b rgb(94,114,123)
```
#557484
```
#557484 rgb(85,116,132)
```
#4d778c
```
#4d778c rgb(77,119,140)
```
#457a94
```
#457a94 rgb(69,122,148)
```
#3c7d9d
```
#3c7d9d rgb(60,125,157)
```
#3480a5
```
#3480a5 rgb(52,128,165)
```
#2c83ad
```
#2c83ad rgb(44,131,173)
```
#2386b6
```
#2386b6 rgb(35,134,182)
```
#1b89be
```
#1b89be rgb(27,137,190)
```
#138cc6
```
#138cc6 rgb(19,140,198)
```
#0a8ecf
```
#0a8ecf rgb(10,142,207)
```
#0291d7
```
#0291d7 rgb(2,145,215)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747da3 Protanopia 1% of men
#6e7ead Deuteranopia 1% of men
#2e8a94 Tritanopia 0.001% of the population

Trichromacy

#5c7ea4 Protanomaly 1% of men, 0.01% of women
#597eaa Deuteranomaly 6% of men, 0.4% of women
#30869a Tritanomaly 0.01% of the population

#3480a5 hex color

#3480a5 Color Information

#3480a5 Color Conversion

Color Schemes with #3480a5

Alternatives to #3480a5

#3480a5 Preview

Shades and Tints of #3480a5

Tones of #3480a5

Color Blindness Simulator