#342db3 hex color

In a RGB color space, hex #342db3 is composed of 20.4% red, 17.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 74.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 243.1 degrees, a saturation of 59.8% and a lightness of 43.9%. #342db3 color hex could be obtained by blending #685aff with #000067. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 70
RGB color chart
- C 71
- M 75
- Y 0
- K 30
CMYK color chart

● #342db3 color description : Moderate blue.

The hexadecimal color #342db3 has RGB values of R:52, G:45, B:179 and CMYK values of C:0.71, M:0.75, Y:0, K:0.3. Its decimal value is 3419571.

Hex triplet	342db3	`#342db3`
RGB Decimal	52, 45, 179	`rgb(52,45,179)`
RGB Percent	20.4, 17.6, 70.2	`rgb(20.4%,17.6%,70.2%)`
CMYK	71, 75, 0, 30
HSL	243.1°, 59.8, 43.9	`hsl(243.1,59.8%,43.9%)`
HSV (or HSB)	243.1°, 74.9, 70.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.059, 45.615, -69.301
XYZ	10.49, 5.861, 43.224
xyY	0.176, 0.098, 5.861
CIE-LCH	29.059, 82.966, 303.353
CIE-LUV	29.059, -5.24, -89.553
Hunter-Lab	24.209, 34.976, -88.911
Binary	00110100, 00101101, 10110011

#342db3
```
#342db3 rgb(52,45,179)
```
#acb32d
```
#acb32d rgb(172,179,45)
```

Complementary Color

#2d69b3
```
#2d69b3 rgb(45,105,179)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#772db3
```
#772db3 rgb(119,45,179)
```

Analogous Color

#69b32d
```
#69b32d rgb(105,179,45)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#b3772d
```
#b3772d rgb(179,119,45)
```

Split Complementary Color

#2db334
```
#2db334 rgb(45,179,52)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#b3342d
```
#b3342d rgb(179,52,45)
```

Triadic Color

#2dacb3
```
#2dacb3 rgb(45,172,179)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#b3342d
```
#b3342d rgb(179,52,45)
```
#acb32d
```
#acb32d rgb(172,179,45)
```

Tetradic Color

#221e76
```
#221e76 rgb(34,30,118)
```
#28238a
```
#28238a rgb(40,35,138)
```
#2e289f
```
#2e289f rgb(46,40,159)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#3a32c7
```
#3a32c7 rgb(58,50,199)
```
#4b43d0
```
#4b43d0 rgb(75,67,208)
```
#5e58d5
```
#5e58d5 rgb(94,88,213)
```

Monochromatic Color

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

#2d48b3
```
#2d48b3 rgb(45,72,179)
```
#2d3cb3
```
#2d3cb3 rgb(45,60,179)
```
#2d31b3
```
#2d31b3 rgb(45,49,179)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#3f2db3
```
#3f2db3 rgb(63,45,179)
```
#4a2db3
```
#4a2db3 rgb(74,45,179)
```
#552db3
```
#552db3 rgb(85,45,179)
```

Similar Colors

Text with hexadecimal color #342db3

This text has a font color of #342db3.

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

#342db3 background color

This paragraph has a background color of #342db3.

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

#342db3 border color

This element has a border color of #342db3.

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

CSS codes

.text {color:#342db3;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#060616
```
#060616 rgb(6,6,22)
```
#0b0a26
```
#0b0a26 rgb(11,10,38)
```
#100d36
```
#100d36 rgb(16,13,54)
```
#141145
```
#141145 rgb(20,17,69)
```
#191555
```
#191555 rgb(25,21,85)
```
#1d1965
```
#1d1965 rgb(29,25,101)
```
#221d74
```
#221d74 rgb(34,29,116)
```
#262184
```
#262184 rgb(38,33,132)
```
#2b2594
```
#2b2594 rgb(43,37,148)
```
#2f29a3
```
#2f29a3 rgb(47,41,163)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#3931c3
```
#3931c3 rgb(57,49,195)
```

Shade Color Variation

#423acd
```
#423acd rgb(66,58,205)
```
#5149d1
```
#5149d1 rgb(81,73,209)
```
#6059d5
```
#6059d5 rgb(96,89,213)
```
#6f69d9
```
#6f69d9 rgb(111,105,217)
```
#7e79dd
```
#7e79dd rgb(126,121,221)
```
#8d88e1
```
#8d88e1 rgb(141,136,225)
```
#9c98e5
```
#9c98e5 rgb(156,152,229)
```
#aba8e9
```
#aba8e9 rgb(171,168,233)
```
#bab7ed
```
#bab7ed rgb(186,183,237)
```
#c9c7f1
```
#c9c7f1 rgb(201,199,241)
```
#d8d7f5
```
#d8d7f5 rgb(216,215,245)
```
#e7e6f9
```
#e7e6f9 rgb(231,230,249)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#6a6977
```
#6a6977 rgb(106,105,119)
```
#62617f
```
#62617f rgb(98,97,127)
```
#5b5888
```
#5b5888 rgb(91,88,136)
```
#534f91
```
#534f91 rgb(83,79,145)
```
#4b4799
```
#4b4799 rgb(75,71,153)
```
#433ea2
```
#433ea2 rgb(67,62,162)
```
#3c36aa
```
#3c36aa rgb(60,54,170)
```
#342db3
```
#342db3 rgb(52,45,179)
```
#2c24bc
```
#2c24bc rgb(44,36,188)
```
#251cc4
```
#251cc4 rgb(37,28,196)
```
#1d13cd
```
#1d13cd rgb(29,19,205)
```
#150bd5
```
#150bd5 rgb(21,11,213)
```
#0d02de
```
#0d02de rgb(13,2,222)
```

Tone Color Variation

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

Dichromacy

#004b93 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#12409f Protanomaly 1% of men, 0.01% of women
#124392 Deuteranomaly 6% of men, 0.4% of women
#12477a Tritanomaly 0.01% of the population

#342db3 hex color

#342db3 Color Information

#342db3 Color Conversion

Color Schemes with #342db3

Alternatives to #342db3

#342db3 Preview

Shades and Tints of #342db3

Tones of #342db3

Color Blindness Simulator