colorhexa.com

#3a345a hex color

In a RGB color space, hex #3a345a is composed of 22.7% red, 20.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 42.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 249.5 degrees, a saturation of 26.8% and a lightness of 27.8%. #3a345a color hex could be obtained by blending #7468b4 with #000000. Closest websafe color is: #333366.

- R 23
- G 20
- B 35
RGB color chart
- C 36
- M 42
- Y 0
- K 65
CMYK color chart

● #3a345a color description : Very dark desaturated blue.

The hexadecimal color #3a345a has RGB values of R:58, G:52, B:90 and CMYK values of C:0.36, M:0.42, Y:0, K:0.65. Its decimal value is 3814490.

Hex triplet	3a345a	`#3a345a`
RGB Decimal	58, 52, 90	`rgb(58,52,90)`
RGB Percent	22.7, 20.4, 35.3	`rgb(22.7%,20.4%,35.3%)`
CMYK	36, 42, 0, 65
HSL	249.5°, 26.8, 27.8	`hsl(249.5,26.8%,27.8%)`
HSV (or HSB)	249.5°, 42.2, 35.3
Web Safe	333366	`#333366`

CIE-LAB	23.979, 12.725, -21.93
XYZ	4.818, 4.094, 10.209
xyY	0.252, 0.214, 4.094
CIE-LCH	23.979, 25.354, 300.124
CIE-LUV	23.979, 0.359, -27.406
Hunter-Lab	20.233, 7.099, -15.752
Binary	00111010, 00110100, 01011010

#3a345a
```
#3a345a rgb(58,52,90)
```
#545a34
```
#545a34 rgb(84,90,52)
```

Complementary Color

#34415a
```
#34415a rgb(52,65,90)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#4d345a
```
#4d345a rgb(77,52,90)
```

Analogous Color

#415a34
```
#415a34 rgb(65,90,52)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#5a4d34
```
#5a4d34 rgb(90,77,52)
```

Split Complementary Color

#1b182a
```
#1b182a rgb(27,24,42)
```
#25213a
```
#25213a rgb(37,33,58)
```
#302b4a
```
#302b4a rgb(48,43,74)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#443d6a
```
#443d6a rgb(68,61,106)
```
#4f477a
```
#4f477a rgb(79,71,122)
```
#59508a
```
#59508a rgb(89,80,138)
```

Monochromatic Color

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

#34385a
```
#34385a rgb(52,56,90)
```
#34345a
```
#34345a rgb(52,52,90)
```
#37345a
```
#37345a rgb(55,52,90)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#3d345a
```
#3d345a rgb(61,52,90)
```
#40345a
```
#40345a rgb(64,52,90)
```
#44345a
```
#44345a rgb(68,52,90)
```

Similar Colors

Text with hexadecimal color #3a345a

This text has a font color of #3a345a.

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

#3a345a background color

This paragraph has a background color of #3a345a.

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

#3a345a border color

This element has a border color of #3a345a.

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

CSS codes

.text {color:#3a345a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a090f
```
#0a090f rgb(10,9,15)
```
#12101c
```
#12101c rgb(18,16,28)
```
#1a1728
```
#1a1728 rgb(26,23,40)
```
#221e35
```
#221e35 rgb(34,30,53)
```
#2a2641
```
#2a2641 rgb(42,38,65)
```
#322d4e
```
#322d4e rgb(50,45,78)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#423b66
```
#423b66 rgb(66,59,102)
```
#4a4273
```
#4a4273 rgb(74,66,115)
```
#524a7f
```
#524a7f rgb(82,74,127)
```
#5a518c
```
#5a518c rgb(90,81,140)
```
#625898
```
#625898 rgb(98,88,152)
```

Shade Color Variation

#6b60a3
```
#6b60a3 rgb(107,96,163)
```
#776dab
```
#776dab rgb(119,109,171)
```
#8279b2
```
#8279b2 rgb(130,121,178)
```
#8e86b9
```
#8e86b9 rgb(142,134,185)
```
#9992c0
```
#9992c0 rgb(153,146,192)
```
#a59fc7
```
#a59fc7 rgb(165,159,199)
```
#b1abce
```
#b1abce rgb(177,171,206)
```
#bcb7d6
```
#bcb7d6 rgb(188,183,214)
```
#c8c4dd
```
#c8c4dd rgb(200,196,221)
```
#d3d0e4
```
#d3d0e4 rgb(211,208,228)
```
#dfddeb
```
#dfddeb rgb(223,221,235)
```
#ebe9f2
```
#ebe9f2 rgb(235,233,242)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45444a is the less saturated color, while #18038b is the most saturated one.

#45444a
```
#45444a rgb(69,68,74)
```
#413f4f
```
#413f4f rgb(65,63,79)
```
#3e3955
```
#3e3955 rgb(62,57,85)
```
#3a345a
```
#3a345a rgb(58,52,90)
```
#362f5f
```
#362f5f rgb(54,47,95)
```
#332965
```
#332965 rgb(51,41,101)
```
#2f246a
```
#2f246a rgb(47,36,106)
```
#2b1e70
```
#2b1e70 rgb(43,30,112)
```
#271975
```
#271975 rgb(39,25,117)
```
#24137b
```
#24137b rgb(36,19,123)
```
#200e80
```
#200e80 rgb(32,14,128)
```
#1c0886
```
#1c0886 rgb(28,8,134)
```
#18038b
```
#18038b rgb(24,3,139)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a3940 Atypical Achromatopsia 0.001% of the population

Dichromacy

#354265 Protanopia 1% of men
#344360 Deuteranopia 1% of men
#3d4449 Tritanopia 0.001% of the population

Trichromacy

#363d61 Protanomaly 1% of men, 0.01% of women
#363d5e Deuteranomaly 6% of men, 0.4% of women
#3c3e4f Tritanomaly 0.01% of the population