#3a345d hex color

In a RGB color space, hex #3a345d is composed of 22.7% red, 20.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 44.1% magenta, 0% yellow and 63.5% black. It has a hue angle of 248.8 degrees, a saturation of 28.3% and a lightness of 28.4%. #3a345d color hex could be obtained by blending #7468ba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 20
- B 36
RGB color chart
- C 38
- M 44
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #3a345d has RGB values of R:58, G:52, B:93 and CMYK values of C:0.38, M:0.44, Y:0, K:0.64. Its decimal value is 3814493.

Hex triplet	3a345d	`#3a345d`
RGB Decimal	58, 52, 93	`rgb(58,52,93)`
RGB Percent	22.7, 20.4, 36.5	`rgb(22.7%,20.4%,36.5%)`
CMYK	38, 44, 0, 64
HSL	248.8°, 28.3, 28.4	`hsl(248.8,28.3%,28.4%)`
HSV (or HSB)	248.8°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	24.148, 13.65, -23.63
XYZ	4.948, 4.146, 10.895
xyY	0.248, 0.207, 4.146
CIE-LCH	24.148, 27.289, 300.012
CIE-LUV	24.148, 0.142, -29.678
Hunter-Lab	20.361, 7.748, -17.472
Binary	00111010, 00110100, 01011101

#3a345d
```
#3a345d rgb(58,52,93)
```
#575d34
```
#575d34 rgb(87,93,52)
```

Complementary Color

#34435d
```
#34435d rgb(52,67,93)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#4f345d
```
#4f345d rgb(79,52,93)
```

Analogous Color

#435d34
```
#435d34 rgb(67,93,52)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#5d4f34
```
#5d4f34 rgb(93,79,52)
```

Split Complementary Color

#345d3a
```
#345d3a rgb(52,93,58)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#5d3a34
```
#5d3a34 rgb(93,58,52)
```

Triadic Color

#34575d
```
#34575d rgb(52,87,93)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#5d3a34
```
#5d3a34 rgb(93,58,52)
```
#575d34
```
#575d34 rgb(87,93,52)
```

Tetradic Color

#1b192c
```
#1b192c rgb(27,25,44)
```
#26223c
```
#26223c rgb(38,34,60)
```
#302b4d
```
#302b4d rgb(48,43,77)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#443d6d
```
#443d6d rgb(68,61,109)
```
#4e467e
```
#4e467e rgb(78,70,126)
```
#594f8e
```
#594f8e rgb(89,79,142)
```

Monochromatic Color

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

#34385d
```
#34385d rgb(52,56,93)
```
#34355d
```
#34355d rgb(52,53,93)
```
#37345d
```
#37345d rgb(55,52,93)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#3d345d
```
#3d345d rgb(61,52,93)
```
#41345d
```
#41345d rgb(65,52,93)
```
#44345d
```
#44345d rgb(68,52,93)
```

Similar Colors

Text with hexadecimal color #3a345d

This text has a font color of #3a345d.

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

#3a345d background color

This paragraph has a background color of #3a345d.

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

#3a345d border color

This element has a border color of #3a345d.

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

CSS codes

.text {color:#3a345d;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0a12
```
#0b0a12 rgb(11,10,18)
```
#13111e
```
#13111e rgb(19,17,30)
```
#1b182b
```
#1b182b rgb(27,24,43)
```
#221f37
```
#221f37 rgb(34,31,55)
```
#2a2644
```
#2a2644 rgb(42,38,68)
```
#322d50
```
#322d50 rgb(50,45,80)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#423b6a
```
#423b6a rgb(66,59,106)
```
#4a4276
```
#4a4276 rgb(74,66,118)
```
#524983
```
#524983 rgb(82,73,131)
```
#59508f
```
#59508f rgb(89,80,143)
```
#61579c
```
#61579c rgb(97,87,156)
```

Shade Color Variation

#6b60a6
```
#6b60a6 rgb(107,96,166)
```
#766dad
```
#766dad rgb(118,109,173)
```
#827ab4
```
#827ab4 rgb(130,122,180)
```
#8e86bb
```
#8e86bb rgb(142,134,187)
```
#9a93c2
```
#9a93c2 rgb(154,147,194)
```
#a59fc9
```
#a59fc9 rgb(165,159,201)
```
#b1acd1
```
#b1acd1 rgb(177,172,209)
```
#bdb8d8
```
#bdb8d8 rgb(189,184,216)
```
#c9c5df
```
#c9c5df rgb(201,197,223)
```
#d5d2e6
```
#d5d2e6 rgb(213,210,230)
```
#e0deed
```
#e0deed rgb(224,222,237)
```
#ecebf4
```
#ecebf4 rgb(236,235,244)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46454c is the less saturated color, while #16028f is the most saturated one.

#46454c
```
#46454c rgb(70,69,76)
```
#423f52
```
#423f52 rgb(66,63,82)
```
#3e3a57
```
#3e3a57 rgb(62,58,87)
```
#3a345d
```
#3a345d rgb(58,52,93)
```
#362e63
```
#362e63 rgb(54,46,99)
```
#322968
```
#322968 rgb(50,41,104)
```
#2e236e
```
#2e236e rgb(46,35,110)
```
#2a1e73
```
#2a1e73 rgb(42,30,115)
```
#261879
```
#261879 rgb(38,24,121)
```
#22137e
```
#22137e rgb(34,19,126)
```
#1e0d84
```
#1e0d84 rgb(30,13,132)
```
#1a078a
```
#1a078a rgb(26,7,138)
```
#16028f
```
#16028f rgb(22,2,143)
```

Tone Color Variation

Below, you can see how #3a345d 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
#3a3941 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334268 Protanopia 1% of men
#324363 Deuteranopia 1% of men
#3c4449 Tritanopia 0.001% of the population

Trichromacy

#353d64 Protanomaly 1% of men, 0.01% of women
#353d61 Deuteranomaly 6% of men, 0.4% of women
#3b3e50 Tritanomaly 0.01% of the population

#3a345d hex color

#3a345d Color Information

#3a345d Color Conversion

Color Schemes with #3a345d

Alternatives to #3a345d

#3a345d Preview

Shades and Tints of #3a345d

Tones of #3a345d

Color Blindness Simulator