#344690 hex color

In a RGB color space, hex #344690 is composed of 20.4% red, 27.5% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 51.4% magenta, 0% yellow and 43.5% black. It has a hue angle of 228.3 degrees, a saturation of 46.9% and a lightness of 38.4%. #344690 color hex could be obtained by blending #688cff with #000021. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 27
- B 56
RGB color chart
- C 64
- M 51
- Y 0
- K 44
CMYK color chart

● #344690 color description : Dark moderate blue.

The hexadecimal color #344690 has RGB values of R:52, G:70, B:144 and CMYK values of C:0.64, M:0.51, Y:0, K:0.44. Its decimal value is 3425936.

Hex triplet	344690	`#344690`
RGB Decimal	52, 70, 144	`rgb(52,70,144)`
RGB Percent	20.4, 27.5, 56.5	`rgb(20.4%,27.5%,56.5%)`
CMYK	64, 51, 0, 44
HSL	228.3°, 46.9, 38.4	`hsl(228.3,46.9%,38.4%)`
HSV (or HSB)	228.3°, 63.9, 56.5
Web Safe	333399	`#333399`

CIE-LAB	32.086, 17.541, -43.212
XYZ	8.639, 7.124, 27.304
xyY	0.201, 0.165, 7.124
CIE-LCH	32.086, 46.637, 292.094
CIE-LUV	32.086, -9.502, -59.883
Hunter-Lab	26.69, 11.072, -41.971
Binary	00110100, 01000110, 10010000

#344690
```
#344690 rgb(52,70,144)
```
#907e34
```
#907e34 rgb(144,126,52)
```

Complementary Color

#347490
```
#347490 rgb(52,116,144)
```
#344690
```
#344690 rgb(52,70,144)
```
#503490
```
#503490 rgb(80,52,144)
```

Analogous Color

#749034
```
#749034 rgb(116,144,52)
```
#344690
```
#344690 rgb(52,70,144)
```
#905034
```
#905034 rgb(144,80,52)
```

Split Complementary Color

#469034
```
#469034 rgb(70,144,52)
```
#344690
```
#344690 rgb(52,70,144)
```
#903446
```
#903446 rgb(144,52,70)
```

Triadic Color

#34907e
```
#34907e rgb(52,144,126)
```
#344690
```
#344690 rgb(52,70,144)
```
#903446
```
#903446 rgb(144,52,70)
```
#907e34
```
#907e34 rgb(144,126,52)
```

Tetradic Color

#202b58
```
#202b58 rgb(32,43,88)
```
#26346b
```
#26346b rgb(38,52,107)
```
#2d3d7d
```
#2d3d7d rgb(45,61,125)
```
#344690
```
#344690 rgb(52,70,144)
```
#3b4fa3
```
#3b4fa3 rgb(59,79,163)
```
#4258b5
```
#4258b5 rgb(66,88,181)
```
#5166c0
```
#5166c0 rgb(81,102,192)
```

Monochromatic Color

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

#345d90
```
#345d90 rgb(52,93,144)
```
#345590
```
#345590 rgb(52,85,144)
```
#344e90
```
#344e90 rgb(52,78,144)
```
#344690
```
#344690 rgb(52,70,144)
```
#343e90
```
#343e90 rgb(52,62,144)
```
#343790
```
#343790 rgb(52,55,144)
```
#393490
```
#393490 rgb(57,52,144)
```

Similar Colors

Text with hexadecimal color #344690

This text has a font color of #344690.

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

#344690 background color

This paragraph has a background color of #344690.

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

#344690 border color

This element has a border color of #344690.

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

CSS codes

.text {color:#344690;}

.background {background-color:#344690;}

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

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

#05070e
```
#05070e rgb(5,7,14)
```
#0a0e1d
```
#0a0e1d rgb(10,14,29)
```
#10152b
```
#10152b rgb(16,21,43)
```
#151c3a
```
#151c3a rgb(21,28,58)
```
#1a2348
```
#1a2348 rgb(26,35,72)
```
#1f2a56
```
#1f2a56 rgb(31,42,86)
```
#243165
```
#243165 rgb(36,49,101)
```
#2a3873
```
#2a3873 rgb(42,56,115)
```
#2f3f82
```
#2f3f82 rgb(47,63,130)
```
#344690
```
#344690 rgb(52,70,144)
```
#394d9e
```
#394d9e rgb(57,77,158)
```
#3e54ad
```
#3e54ad rgb(62,84,173)
```
#445bbb
```
#445bbb rgb(68,91,187)
```

Shade Color Variation

#5268c1
```
#5268c1 rgb(82,104,193)
```
#6074c6
```
#6074c6 rgb(96,116,198)
```
#6f81cb
```
#6f81cb rgb(111,129,203)
```
#7d8dd0
```
#7d8dd0 rgb(125,141,208)
```
#8c9ad5
```
#8c9ad5 rgb(140,154,213)
```
#9aa7db
```
#9aa7db rgb(154,167,219)
```
#a8b3e0
```
#a8b3e0 rgb(168,179,224)
```
#b7c0e5
```
#b7c0e5 rgb(183,192,229)
```
#c5ccea
```
#c5ccea rgb(197,204,234)
```
#d4d9ef
```
#d4d9ef rgb(212,217,239)
```
#e2e6f5
```
#e2e6f5 rgb(226,230,245)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616263 is the less saturated color, while #072abd is the most saturated one.

#616263
```
#616263 rgb(97,98,99)
```
#5a5d6a
```
#5a5d6a rgb(90,93,106)
```
#525872
```
#525872 rgb(82,88,114)
```
#4b5479
```
#4b5479 rgb(75,84,121)
```
#434f81
```
#434f81 rgb(67,79,129)
```
#3c4b88
```
#3c4b88 rgb(60,75,136)
```
#344690
```
#344690 rgb(52,70,144)
```
#2c4198
```
#2c4198 rgb(44,65,152)
```
#253d9f
```
#253d9f rgb(37,61,159)
```
#1d38a7
```
#1d38a7 rgb(29,56,167)
```
#1634ae
```
#1634ae rgb(22,52,174)
```
#0e2fb6
```
#0e2fb6 rgb(14,47,182)
```
#072abd
```
#072abd rgb(7,42,189)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#285298 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#185c63 Tritanopia 0.001% of the population

Trichromacy

#2c4d95 Protanomaly 1% of men, 0.01% of women
#12508f Deuteranomaly 6% of men, 0.4% of women
#225473 Tritanomaly 0.01% of the population

#344690 hex color

#344690 Color Information

#344690 Color Conversion

Color Schemes with #344690

Alternatives to #344690

#344690 Preview

Shades and Tints of #344690

Tones of #344690

Color Blindness Simulator