#342ab3 hex color

In a RGB color space, hex #342ab3 is composed of 20.4% red, 16.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 76.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 244.4 degrees, a saturation of 62% and a lightness of 43.3%. #342ab3 color hex could be obtained by blending #6854ff with #000067. Closest websafe color is: #3333cc.

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

● #342ab3 color description : Strong blue.

The hexadecimal color #342ab3 has RGB values of R:52, G:42, B:179 and CMYK values of C:0.71, M:0.77, Y:0, K:0.3. Its decimal value is 3418803.

Hex triplet	342ab3	`#342ab3`
RGB Decimal	52, 42, 179	`rgb(52,42,179)`
RGB Percent	20.4, 16.5, 70.2	`rgb(20.4%,16.5%,70.2%)`
CMYK	71, 77, 0, 30
HSL	244.4°, 62, 43.3	`hsl(244.4,62%,43.3%)`
HSV (or HSB)	244.4°, 76.5, 70.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.486, 47.241, -70.248
XYZ	10.379, 5.64, 43.187
xyY	0.175, 0.095, 5.64
CIE-LCH	28.486, 84.655, 303.92
CIE-LUV	28.486, -4.793, -89.717
Hunter-Lab	23.749, 36.451, -91.194
Binary	00110100, 00101010, 10110011

#342ab3
```
#342ab3 rgb(52,42,179)
```
#a9b32a
```
#a9b32a rgb(169,179,42)
```

Complementary Color

#2a65b3
```
#2a65b3 rgb(42,101,179)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#792ab3
```
#792ab3 rgb(121,42,179)
```

Analogous Color

#65b32a
```
#65b32a rgb(101,179,42)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#b3792a
```
#b3792a rgb(179,121,42)
```

Split Complementary Color

#2ab334
```
#2ab334 rgb(42,179,52)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#b3342a
```
#b3342a rgb(179,52,42)
```

Triadic Color

#2aa9b3
```
#2aa9b3 rgb(42,169,179)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#b3342a
```
#b3342a rgb(179,52,42)
```
#a9b32a
```
#a9b32a rgb(169,179,42)
```

Tetradic Color

#221b75
```
#221b75 rgb(34,27,117)
```
#28208a
```
#28208a rgb(40,32,138)
```
#2e259e
```
#2e259e rgb(46,37,158)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#3a2fc8
```
#3a2fc8 rgb(58,47,200)
```
#493ed2
```
#493ed2 rgb(73,62,210)
```
#5d53d7
```
#5d53d7 rgb(93,83,215)
```

Monochromatic Color

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

#2a42b3
```
#2a42b3 rgb(42,66,179)
```
#2a37b3
```
#2a37b3 rgb(42,55,179)
```
#2a2bb3
```
#2a2bb3 rgb(42,43,179)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#3f2ab3
```
#3f2ab3 rgb(63,42,179)
```
#4b2ab3
```
#4b2ab3 rgb(75,42,179)
```
#562ab3
```
#562ab3 rgb(86,42,179)
```

Similar Colors

Text with hexadecimal color #342ab3

This text has a font color of #342ab3.

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

#342ab3 background color

This paragraph has a background color of #342ab3.

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

#342ab3 border color

This element has a border color of #342ab3.

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

CSS codes

.text {color:#342ab3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060514
```
#060514 rgb(6,5,20)
```
#0a0824
```
#0a0824 rgb(10,8,36)
```
#0f0c34
```
#0f0c34 rgb(15,12,52)
```
#141044
```
#141044 rgb(20,16,68)
```
#181454
```
#181454 rgb(24,20,84)
```
#1d1764
```
#1d1764 rgb(29,23,100)
```
#221b73
```
#221b73 rgb(34,27,115)
```
#261f83
```
#261f83 rgb(38,31,131)
```
#2b2393
```
#2b2393 rgb(43,35,147)
```
#2f26a3
```
#2f26a3 rgb(47,38,163)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#392ec3
```
#392ec3 rgb(57,46,195)
```

Shade Color Variation

#4035d0
```
#4035d0 rgb(64,53,208)
```
#4f45d3
```
#4f45d3 rgb(79,69,211)
```
#5e54d7
```
#5e54d7 rgb(94,84,215)
```
#6d64db
```
#6d64db rgb(109,100,219)
```
#7c74de
```
#7c74de rgb(124,116,222)
```
#8b84e2
```
#8b84e2 rgb(139,132,226)
```
#9a94e6
```
#9a94e6 rgb(154,148,230)
```
#a9a4ea
```
#a9a4ea rgb(169,164,234)
```
#b8b4ed
```
#b8b4ed rgb(184,180,237)
```
#c7c4f1
```
#c7c4f1 rgb(199,196,241)
```
#d6d4f5
```
#d6d4f5 rgb(214,212,245)
```
#e5e3f9
```
#e5e3f9 rgb(229,227,249)
```
#f4f3fc
```
#f4f3fc rgb(244,243,252)
```

Tint Color Variation

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

#6e6e6f
```
#6e6e6f rgb(110,110,111)
```
#676678
```
#676678 rgb(103,102,120)
```
#605d80
```
#605d80 rgb(96,93,128)
```
#585589
```
#585589 rgb(88,85,137)
```
#514c91
```
#514c91 rgb(81,76,145)
```
#4a449a
```
#4a449a rgb(74,68,154)
```
#433ba2
```
#433ba2 rgb(67,59,162)
```
#3b33ab
```
#3b33ab rgb(59,51,171)
```
#342ab3
```
#342ab3 rgb(52,42,179)
```
#2d22bc
```
#2d22bc rgb(45,34,188)
```
#2519c4
```
#2519c4 rgb(37,25,196)
```
#1e11cd
```
#1e11cd rgb(30,17,205)
```
#1708d5
```
#1708d5 rgb(23,8,213)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004f7e Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#123e9d Protanomaly 1% of men, 0.01% of women
#124191 Deuteranomaly 6% of men, 0.4% of women
#124579 Tritanomaly 0.01% of the population

#342ab3 hex color

#342ab3 Color Information

#342ab3 Color Conversion

Color Schemes with #342ab3

Alternatives to #342ab3

#342ab3 Preview

Shades and Tints of #342ab3

Tones of #342ab3

Color Blindness Simulator