#3481a3 hex color

In a RGB color space, hex #3481a3 is composed of 20.4% red, 50.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 20.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 198.4 degrees, a saturation of 51.6% and a lightness of 42.2%. #3481a3 color hex could be obtained by blending #68ffff with #000347. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 51
- B 64
RGB color chart
- C 68
- M 21
- Y 0
- K 36
CMYK color chart

● #3481a3 color description : Dark moderate blue.

The hexadecimal color #3481a3 has RGB values of R:52, G:129, B:163 and CMYK values of C:0.68, M:0.21, Y:0, K:0.36. Its decimal value is 3441059.

Hex triplet	3481a3	`#3481a3`
RGB Decimal	52, 129, 163	`rgb(52,129,163)`
RGB Percent	20.4, 50.6, 63.9	`rgb(20.4%,50.6%,63.9%)`
CMYK	68, 21, 0, 36
HSL	198.4°, 51.6, 42.2	`hsl(198.4,51.6%,42.2%)`
HSV (or HSB)	198.4°, 68.1, 63.9
Web Safe	339999	`#339999`

CIE-LAB	50.773, -12.456, -25.056
XYZ	15.876, 19.074, 37.493
xyY	0.219, 0.263, 19.074
CIE-LCH	50.773, 27.982, 243.567
CIE-LUV	50.773, -29.453, -35.743
Hunter-Lab	43.673, -11.542, -20.329
Binary	00110100, 10000001, 10100011

#3481a3
```
#3481a3 rgb(52,129,163)
```
#a35634
```
#a35634 rgb(163,86,52)
```

Complementary Color

#34a38e
```
#34a38e rgb(52,163,142)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#3449a3
```
#3449a3 rgb(52,73,163)
```

Analogous Color

#a38e34
```
#a38e34 rgb(163,142,52)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#a33449
```
#a33449 rgb(163,52,73)
```

Split Complementary Color

#81a334
```
#81a334 rgb(129,163,52)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#a33481
```
#a33481 rgb(163,52,129)
```

Triadic Color

#34a356
```
#34a356 rgb(52,163,86)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#a33481
```
#a33481 rgb(163,52,129)
```
#a35634
```
#a35634 rgb(163,86,52)
```

Tetradic Color

#215369
```
#215369 rgb(33,83,105)
```
#28627c
```
#28627c rgb(40,98,124)
```
#2e7290
```
#2e7290 rgb(46,114,144)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#3a90b6
```
#3a90b6 rgb(58,144,182)
```
#469dc4
```
#469dc4 rgb(70,157,196)
```
#59a8ca
```
#59a8ca rgb(89,168,202)
```

Monochromatic Color

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

#349da3
```
#349da3 rgb(52,157,163)
```
#3494a3
```
#3494a3 rgb(52,148,163)
```
#348aa3
```
#348aa3 rgb(52,138,163)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#3478a3
```
#3478a3 rgb(52,120,163)
```
#346fa3
```
#346fa3 rgb(52,111,163)
```
#3465a3
```
#3465a3 rgb(52,101,163)
```

Similar Colors

Text with hexadecimal color #3481a3

This text has a font color of #3481a3.

<span style="color:#3481a3;">Text here</span>

#3481a3 background color

This paragraph has a background color of #3481a3.

<p style="background-color:#3481a3;">Content here</p>

#3481a3 border color

This element has a border color of #3481a3.

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

CSS codes

.text {color:#3481a3;}

.background {background-color:#3481a3;}

.border {border:1px solid #3481a3;}

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, #050b0e is the darkest color, while #feffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#09171d
```
#09171d rgb(9,23,29)
```
#0e232c
```
#0e232c rgb(14,35,44)
```
#132f3b
```
#132f3b rgb(19,47,59)
```
#183a4a
```
#183a4a rgb(24,58,74)
```
#1c4659
```
#1c4659 rgb(28,70,89)
```
#215268
```
#215268 rgb(33,82,104)
```
#265e76
```
#265e76 rgb(38,94,118)
```
#2b6985
```
#2b6985 rgb(43,105,133)
```
#2f7594
```
#2f7594 rgb(47,117,148)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#398db2
```
#398db2 rgb(57,141,178)
```
#3d99c1
```
#3d99c1 rgb(61,153,193)
```

Shade Color Variation

#4ca1c6
```
#4ca1c6 rgb(76,161,198)
```
#5ba8cb
```
#5ba8cb rgb(91,168,203)
```
#6ab0cf
```
#6ab0cf rgb(106,176,207)
```
#79b8d4
```
#79b8d4 rgb(121,184,212)
```
#87c0d9
```
#87c0d9 rgb(135,192,217)
```
#96c8de
```
#96c8de rgb(150,200,222)
```
#a5d0e2
```
#a5d0e2 rgb(165,208,226)
```
#b4d7e7
```
#b4d7e7 rgb(180,215,231)
```
#c3dfec
```
#c3dfec rgb(195,223,236)
```
#d2e7f1
```
#d2e7f1 rgb(210,231,241)
```
#e1eff5
```
#e1eff5 rgb(225,239,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#666e71
```
#666e71 rgb(102,110,113)
```
#5d717a
```
#5d717a rgb(93,113,122)
```
#557482
```
#557482 rgb(85,116,130)
```
#4d778a
```
#4d778a rgb(77,119,138)
```
#457b92
```
#457b92 rgb(69,123,146)
```
#3c7e9b
```
#3c7e9b rgb(60,126,155)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#2c84ab
```
#2c84ab rgb(44,132,171)
```
#2387b4
```
#2387b4 rgb(35,135,180)
```
#1b8bbc
```
#1b8bbc rgb(27,139,188)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#0b91cc
```
#0b91cc rgb(11,145,204)
```
#0294d5
```
#0294d5 rgb(2,148,213)
```

Tone Color Variation

Below, you can see how #3481a3 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

#6e6e6e Achromatopsia 0.005% of the population
#627279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757ea1 Protanopia 1% of men
#707eab Deuteranopia 1% of men
#308b95 Tritanopia 0.001% of the population

Trichromacy

#5d7fa2 Protanomaly 1% of men, 0.01% of women
#5a7fa8 Deuteranomaly 6% of men, 0.4% of women
#31879a Tritanomaly 0.01% of the population

#3481a3 hex color

#3481a3 Color Information

#3481a3 Color Conversion

Color Schemes with #3481a3

Alternatives to #3481a3

#3481a3 Preview

Shades and Tints of #3481a3

Tones of #3481a3

Color Blindness Simulator