colorhexa.com

#3a4680 hex color

In a RGB color space, hex #3a4680 is composed of 22.7% red, 27.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 45.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 229.7 degrees, a saturation of 37.6% and a lightness of 36.5%. #3a4680 color hex could be obtained by blending #748cff with #000001. Closest websafe color is: #333399.

- R 23
- G 27
- B 50
RGB color chart
- C 55
- M 45
- Y 0
- K 50
CMYK color chart

● #3a4680 color description : Dark moderate blue.

The hexadecimal color #3a4680 has RGB values of R:58, G:70, B:128 and CMYK values of C:0.55, M:0.45, Y:0, K:0.5. Its decimal value is 3819136.

Hex triplet	3a4680	`#3a4680`
RGB Decimal	58, 70, 128	`rgb(58,70,128)`
RGB Percent	22.7, 27.5, 50.2	`rgb(22.7%,27.5%,50.2%)`
CMYK	55, 45, 0, 50
HSL	229.7°, 37.6, 36.5	`hsl(229.7,37.6%,36.5%)`
HSV (or HSB)	229.7°, 54.7, 50.2
Web Safe	333399	`#333399`

CIE-LAB	31.435, 13.102, -34.367
XYZ	7.831, 6.838, 21.328
xyY	0.218, 0.19, 6.838
CIE-LCH	31.435, 36.78, 290.869
CIE-LUV	31.435, -7.448, -47.17
Hunter-Lab	26.15, 7.69, -30.053
Binary	00111010, 01000110, 10000000

#3a4680
```
#3a4680 rgb(58,70,128)
```
#80743a
```
#80743a rgb(128,116,58)
```

Complementary Color

#3a6980
```
#3a6980 rgb(58,105,128)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#513a80
```
#513a80 rgb(81,58,128)
```

Analogous Color

#69803a
```
#69803a rgb(105,128,58)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#80513a
```
#80513a rgb(128,81,58)
```

Split Complementary Color

#46803a
```
#46803a rgb(70,128,58)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#803a46
```
#803a46 rgb(128,58,70)
```

Triadic Color

#3a8074
```
#3a8074 rgb(58,128,116)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#803a46
```
#803a46 rgb(128,58,70)
```
#80743a
```
#80743a rgb(128,116,58)
```

Tetradic Color

#22294b
```
#22294b rgb(34,41,75)
```
#2a335d
```
#2a335d rgb(42,51,93)
```
#323c6e
```
#323c6e rgb(50,60,110)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#425092
```
#425092 rgb(66,80,146)
```
#4a59a3
```
#4a59a3 rgb(74,89,163)
```
#5565b2
```
#5565b2 rgb(85,101,178)
```

Monochromatic Color

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

#3a5880
```
#3a5880 rgb(58,88,128)
```
#3a5280
```
#3a5280 rgb(58,82,128)
```
#3a4c80
```
#3a4c80 rgb(58,76,128)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#3a4080
```
#3a4080 rgb(58,64,128)
```
#3a3a80
```
#3a3a80 rgb(58,58,128)
```
#403a80
```
#403a80 rgb(64,58,128)
```

Similar Colors

Text with hexadecimal color #3a4680

This text has a font color of #3a4680.

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

#3a4680 background color

This paragraph has a background color of #3a4680.

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

#3a4680 border color

This element has a border color of #3a4680.

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

CSS codes

.text {color:#3a4680;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090b14
```
#090b14 rgb(9,11,20)
```
#0f1222
```
#0f1222 rgb(15,18,34)
```
#151a2f
```
#151a2f rgb(21,26,47)
```
#1b213d
```
#1b213d rgb(27,33,61)
```
#22284a
```
#22284a rgb(34,40,74)
```
#283058
```
#283058 rgb(40,48,88)
```
#2e3765
```
#2e3765 rgb(46,55,101)
```
#343f73
```
#343f73 rgb(52,63,115)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#404d8d
```
#404d8d rgb(64,77,141)
```
#46559b
```
#46559b rgb(70,85,155)
```
#4c5ca8
```
#4c5ca8 rgb(76,92,168)
```

Shade Color Variation

#5666b2
```
#5666b2 rgb(86,102,178)
```
#6472b9
```
#6472b9 rgb(100,114,185)
```
#717ebf
```
#717ebf rgb(113,126,191)
```
#7f8bc5
```
#7f8bc5 rgb(127,139,197)
```
#8c97cb
```
#8c97cb rgb(140,151,203)
```
#9aa3d1
```
#9aa3d1 rgb(154,163,209)
```
#a7afd7
```
#a7afd7 rgb(167,175,215)
```
#b5bcdd
```
#b5bcdd rgb(181,188,221)
```
#c2c8e3
```
#c2c8e3 rgb(194,200,227)
```
#d0d4e9
```
#d0d4e9 rgb(208,212,233)
```
#dde0f0
```
#dde0f0 rgb(221,224,240)
```
#ebecf6
```
#ebecf6 rgb(235,236,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575963 is the less saturated color, while #0120b9 is the most saturated one.

#575963
```
#575963 rgb(87,89,99)
```
#4f546b
```
#4f546b rgb(79,84,107)
```
#484f72
```
#484f72 rgb(72,79,114)
```
#414b79
```
#414b79 rgb(65,75,121)
```
#3a4680
```
#3a4680 rgb(58,70,128)
```
#334187
```
#334187 rgb(51,65,135)
```
#2c3d8e
```
#2c3d8e rgb(44,61,142)
```
#253895
```
#253895 rgb(37,56,149)
```
#1d339d
```
#1d339d rgb(29,51,157)
```
#162ea4
```
#162ea4 rgb(22,46,164)
```
#0f2aab
```
#0f2aab rgb(15,42,171)
```
#0825b2
```
#0825b2 rgb(8,37,178)
```
#0120b9
```
#0120b9 rgb(1,32,185)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#464854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395188 Protanopia 1% of men
#2e5484 Deuteranopia 1% of men
#32585f Tritanopia 0.001% of the population

Trichromacy

#394d85 Protanomaly 1% of men, 0.01% of women
#324e83 Deuteranomaly 6% of men, 0.4% of women
#35526b Tritanomaly 0.01% of the population