#342fa5 hex color

In a RGB color space, hex #342fa5 is composed of 20.4% red, 18.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 71.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 242.5 degrees, a saturation of 55.7% and a lightness of 41.6%. #342fa5 color hex could be obtained by blending #685eff with #00004b. Closest websafe color is: #333399.

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

● #342fa5 color description : Dark blue.

The hexadecimal color #342fa5 has RGB values of R:52, G:47, B:165 and CMYK values of C:0.68, M:0.72, Y:0, K:0.35. Its decimal value is 3420069.

Hex triplet	342fa5	`#342fa5`
RGB Decimal	52, 47, 165	`rgb(52,47,165)`
RGB Percent	20.4, 18.4, 64.7	`rgb(20.4%,18.4%,64.7%)`
CMYK	68, 72, 0, 35
HSL	242.5°, 55.7, 41.6	`hsl(242.5,55.7%,41.6%)`
HSV (or HSB)	242.5°, 71.5, 64.7
Web Safe	333399	`#333399`

CIE-LAB	28.059, 39.855, -62.546
XYZ	9.223, 5.479, 36.167
xyY	0.181, 0.108, 5.479
CIE-LCH	28.059, 74.165, 302.505
CIE-LUV	28.059, -4.852, -80.854
Hunter-Lab	23.408, 29.367, -75.222
Binary	00110100, 00101111, 10100101

#342fa5
```
#342fa5 rgb(52,47,165)
```
#a0a52f
```
#a0a52f rgb(160,165,47)
```

Complementary Color

#2f65a5
```
#2f65a5 rgb(47,101,165)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#6f2fa5
```
#6f2fa5 rgb(111,47,165)
```

Analogous Color

#65a52f
```
#65a52f rgb(101,165,47)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#a56f2f
```
#a56f2f rgb(165,111,47)
```

Split Complementary Color

#2fa534
```
#2fa534 rgb(47,165,52)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#a5342f
```
#a5342f rgb(165,52,47)
```

Triadic Color

#2fa0a5
```
#2fa0a5 rgb(47,160,165)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#a5342f
```
#a5342f rgb(165,52,47)
```
#a0a52f
```
#a0a52f rgb(160,165,47)
```

Tetradic Color

#211e69
```
#211e69 rgb(33,30,105)
```
#27247d
```
#27247d rgb(39,36,125)
```
#2e2991
```
#2e2991 rgb(46,41,145)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#3a35b9
```
#3a35b9 rgb(58,53,185)
```
#453fc8
```
#453fc8 rgb(69,63,200)
```
#5853ce
```
#5853ce rgb(88,83,206)
```

Monochromatic Color

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

#2f48a5
```
#2f48a5 rgb(47,72,165)
```
#2f3ea5
```
#2f3ea5 rgb(47,62,165)
```
#2f34a5
```
#2f34a5 rgb(47,52,165)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#3e2fa5
```
#3e2fa5 rgb(62,47,165)
```
#482fa5
```
#482fa5 rgb(72,47,165)
```
#512fa5
```
#512fa5 rgb(81,47,165)
```

Similar Colors

Text with hexadecimal color #342fa5

This text has a font color of #342fa5.

<span style="color:#342fa5;">Text here</span>

#342fa5 background color

This paragraph has a background color of #342fa5.

<p style="background-color:#342fa5;">Content here</p>

#342fa5 border color

This element has a border color of #342fa5.

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

CSS codes

.text {color:#342fa5;}

.background {background-color:#342fa5;}

.border {border:1px solid #342fa5;}

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#09081c
```
#09081c rgb(9,8,28)
```
#0e0c2b
```
#0e0c2b rgb(14,12,43)
```
#12113a
```
#12113a rgb(18,17,58)
```
#171549
```
#171549 rgb(23,21,73)
```
#1c1959
```
#1c1959 rgb(28,25,89)
```
#211e68
```
#211e68 rgb(33,30,104)
```
#262277
```
#262277 rgb(38,34,119)
```
#2a2686
```
#2a2686 rgb(42,38,134)
```
#2f2b96
```
#2f2b96 rgb(47,43,150)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#3933b4
```
#3933b4 rgb(57,51,180)
```
#3e38c4
```
#3e38c4 rgb(62,56,196)
```

Shade Color Variation

#4b45ca
```
#4b45ca rgb(75,69,202)
```
#5954ce
```
#5954ce rgb(89,84,206)
```
#6863d3
```
#6863d3 rgb(104,99,211)
```
#7773d7
```
#7773d7 rgb(119,115,215)
```
#8682db
```
#8682db rgb(134,130,219)
```
#9591e0
```
#9591e0 rgb(149,145,224)
```
#a3a0e4
```
#a3a0e4 rgb(163,160,228)
```
#b2b0e8
```
#b2b0e8 rgb(178,176,232)
```
#c1bfed
```
#c1bfed rgb(193,191,237)
```
#d0cef1
```
#d0cef1 rgb(208,206,241)
```
#dfdef5
```
#dfdef5 rgb(223,222,245)
```
#ededfa
```
#ededfa rgb(237,237,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#68686c
```
#68686c rgb(104,104,108)
```
#616074
```
#616074 rgb(97,96,116)
```
#59587c
```
#59587c rgb(89,88,124)
```
#525084
```
#525084 rgb(82,80,132)
```
#4a478d
```
#4a478d rgb(74,71,141)
```
#433f95
```
#433f95 rgb(67,63,149)
```
#3b379d
```
#3b379d rgb(59,55,157)
```
#342fa5
```
#342fa5 rgb(52,47,165)
```
#2d27ad
```
#2d27ad rgb(45,39,173)
```
#251fb5
```
#251fb5 rgb(37,31,181)
```
#1e17bd
```
#1e17bd rgb(30,23,189)
```
#160ec6
```
#160ec6 rgb(22,14,198)
```
#0f06ce
```
#0f06ce rgb(15,6,206)
```

Tone Color Variation

Below, you can see how #342fa5 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

#3e3e3e Achromatopsia 0.005% of the population
#3c3b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#124097 Protanomaly 1% of men, 0.01% of women
#12428b Deuteranomaly 6% of men, 0.4% of women
#124674 Tritanomaly 0.01% of the population

#342fa5 hex color

#342fa5 Color Information

#342fa5 Color Conversion

Color Schemes with #342fa5

Alternatives to #342fa5

#342fa5 Preview

Shades and Tints of #342fa5

Tones of #342fa5

Color Blindness Simulator