#342689 hex color

In a RGB color space, hex #342689 is composed of 20.4% red, 14.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 72.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 248.5 degrees, a saturation of 56.6% and a lightness of 34.3%. #342689 color hex could be obtained by blending #684cff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 15
- B 54
RGB color chart
- C 62
- M 72
- Y 0
- K 46
CMYK color chart

● #342689 color description : Dark blue.

The hexadecimal color #342689 has RGB values of R:52, G:38, B:137 and CMYK values of C:0.62, M:0.72, Y:0, K:0.46. Its decimal value is 3417737.

Hex triplet	342689	`#342689`
RGB Decimal	52, 38, 137	`rgb(52,38,137)`
RGB Percent	20.4, 14.9, 53.7	`rgb(20.4%,14.9%,53.7%)`
CMYK	62, 72, 0, 46
HSL	248.5°, 56.6, 34.3	`hsl(248.5,56.6%,34.3%)`
HSV (or HSB)	248.5°, 72.3, 53.7
Web Safe	333399	`#333399`

CIE-LAB	23.413, 35.878, -52.984
XYZ	6.624, 3.922, 24.074
xyY	0.191, 0.113, 3.922
CIE-LCH	23.413, 63.988, 304.104
CIE-LUV	23.413, -1.642, -64.507
Hunter-Lab	19.805, 25.043, -58.207
Binary	00110100, 00100110, 10001001

#342689
```
#342689 rgb(52,38,137)
```
#7b8926
```
#7b8926 rgb(123,137,38)
```

Complementary Color

#264a89
```
#264a89 rgb(38,74,137)
```
#342689
```
#342689 rgb(52,38,137)
```
#662689
```
#662689 rgb(102,38,137)
```

Analogous Color

#4a8926
```
#4a8926 rgb(74,137,38)
```
#342689
```
#342689 rgb(52,38,137)
```
#896626
```
#896626 rgb(137,102,38)
```

Split Complementary Color

#268934
```
#268934 rgb(38,137,52)
```
#342689
```
#342689 rgb(52,38,137)
```
#893426
```
#893426 rgb(137,52,38)
```

Triadic Color

#267b89
```
#267b89 rgb(38,123,137)
```
#342689
```
#342689 rgb(52,38,137)
```
#893426
```
#893426 rgb(137,52,38)
```
#7b8926
```
#7b8926 rgb(123,137,38)
```

Tetradic Color

#1d154d
```
#1d154d rgb(29,21,77)
```
#251b61
```
#251b61 rgb(37,27,97)
```
#2c2075
```
#2c2075 rgb(44,32,117)
```
#342689
```
#342689 rgb(52,38,137)
```
#3c2c9d
```
#3c2c9d rgb(60,44,157)
```
#4331b1
```
#4331b1 rgb(67,49,177)
```
#4b37c5
```
#4b37c5 rgb(75,55,197)
```

Monochromatic Color

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

#263189
```
#263189 rgb(38,49,137)
```
#262989
```
#262989 rgb(38,41,137)
```
#2c2689
```
#2c2689 rgb(44,38,137)
```
#342689
```
#342689 rgb(52,38,137)
```
#3c2689
```
#3c2689 rgb(60,38,137)
```
#452689
```
#452689 rgb(69,38,137)
```
#4d2689
```
#4d2689 rgb(77,38,137)
```

Similar Colors

Text with hexadecimal color #342689

This text has a font color of #342689.

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

#342689 background color

This paragraph has a background color of #342689.

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

#342689 border color

This element has a border color of #342689.

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

CSS codes

.text {color:#342689;}

.background {background-color:#342689;}

.border {border:1px solid #342689;}

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, #05040e is the darkest color, while #fefeff is the lightest one.

#05040e
```
#05040e rgb(5,4,14)
```
#0b081e
```
#0b081e rgb(11,8,30)
```
#110c2d
```
#110c2d rgb(17,12,45)
```
#17113c
```
#17113c rgb(23,17,60)
```
#1d154c
```
#1d154c rgb(29,21,76)
```
#23195b
```
#23195b rgb(35,25,91)
```
#281d6a
```
#281d6a rgb(40,29,106)
```
#2e227a
```
#2e227a rgb(46,34,122)
```
#342689
```
#342689 rgb(52,38,137)
```
#3a2a98
```
#3a2a98 rgb(58,42,152)
```
#402fa8
```
#402fa8 rgb(64,47,168)
```
#4533b7
```
#4533b7 rgb(69,51,183)
```
#4b37c6
```
#4b37c6 rgb(75,55,198)
```

Shade Color Variation

#5846cc
```
#5846cc rgb(88,70,204)
```
#6655d0
```
#6655d0 rgb(102,85,208)
```
#7464d4
```
#7464d4 rgb(116,100,212)
```
#8274d8
```
#8274d8 rgb(130,116,216)
```
#9083dd
```
#9083dd rgb(144,131,221)
```
#9d92e1
```
#9d92e1 rgb(157,146,225)
```
#aba2e5
```
#aba2e5 rgb(171,162,229)
```
#b9b1e9
```
#b9b1e9 rgb(185,177,233)
```
#c7c0ee
```
#c7c0ee rgb(199,192,238)
```
#d5d0f2
```
#d5d0f2 rgb(213,208,242)
```
#e2dff6
```
#e2dff6 rgb(226,223,246)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#56555a
```
#56555a rgb(86,85,90)
```
#514e61
```
#514e61 rgb(81,78,97)
```
#4c4867
```
#4c4867 rgb(76,72,103)
```
#47416e
```
#47416e rgb(71,65,110)
```
#423a75
```
#423a75 rgb(66,58,117)
```
#3e337c
```
#3e337c rgb(62,51,124)
```
#392d82
```
#392d82 rgb(57,45,130)
```
#342689
```
#342689 rgb(52,38,137)
```
#2f1f90
```
#2f1f90 rgb(47,31,144)
```
#2a1996
```
#2a1996 rgb(42,25,150)
```
#26129d
```
#26129d rgb(38,18,157)
```
#210ba4
```
#210ba4 rgb(33,11,164)
```
#1c04ab
```
#1c04ab rgb(28,4,171)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#353246 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#0b484d Tritanopia 0.001% of the population

Trichromacy

#123681 Protanomaly 1% of men, 0.01% of women
#123877 Deuteranomaly 6% of men, 0.4% of women
#193b63 Tritanomaly 0.01% of the population

#342689 hex color

#342689 Color Information

#342689 Color Conversion

Color Schemes with #342689

Alternatives to #342689

#342689 Preview

Shades and Tints of #342689

Tones of #342689

Color Blindness Simulator