#345e8a hex color

In a RGB color space, hex #345e8a is composed of 20.4% red, 36.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 31.9% magenta, 0% yellow and 45.9% black. It has a hue angle of 210.7 degrees, a saturation of 45.3% and a lightness of 37.3%. #345e8a color hex could be obtained by blending #68bcff with #000015. Closest websafe color is: #336699.

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

● #345e8a color description : Dark moderate blue.

The hexadecimal color #345e8a has RGB values of R:52, G:94, B:138 and CMYK values of C:0.62, M:0.32, Y:0, K:0.46. Its decimal value is 3432074.

Hex triplet	345e8a	`#345e8a`
RGB Decimal	52, 94, 138	`rgb(52,94,138)`
RGB Percent	20.4, 36.9, 54.1	`rgb(20.4%,36.9%,54.1%)`
CMYK	62, 32, 0, 46
HSL	210.7°, 45.3, 37.3	`hsl(210.7,45.3%,37.3%)`
HSV (or HSB)	210.7°, 62.3, 54.1
Web Safe	336699	`#336699`

CIE-LAB	38.846, -0.322, -28.807
XYZ	10.005, 10.57, 25.556
xyY	0.217, 0.229, 10.57
CIE-LCH	38.846, 28.809, 269.359
CIE-LUV	38.846, -17.491, -40.606
Hunter-Lab	32.511, -1.962, -23.849
Binary	00110100, 01011110, 10001010

#345e8a
```
#345e8a rgb(52,94,138)
```
#8a6034
```
#8a6034 rgb(138,96,52)
```

Complementary Color

#34898a
```
#34898a rgb(52,137,138)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#35348a
```
#35348a rgb(53,52,138)
```

Analogous Color

#898a34
```
#898a34 rgb(137,138,52)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#8a3534
```
#8a3534 rgb(138,53,52)
```

Split Complementary Color

#5e8a34
```
#5e8a34 rgb(94,138,52)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#8a345e
```
#8a345e rgb(138,52,94)
```

Triadic Color

#348a60
```
#348a60 rgb(52,138,96)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#8a345e
```
#8a345e rgb(138,52,94)
```
#8a6034
```
#8a6034 rgb(138,96,52)
```

Tetradic Color

#1f3852
```
#1f3852 rgb(31,56,82)
```
#264565
```
#264565 rgb(38,69,101)
```
#2d5177
```
#2d5177 rgb(45,81,119)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#3b6b9d
```
#3b6b9d rgb(59,107,157)
```
#4277af
```
#4277af rgb(66,119,175)
```
#4e84bc
```
#4e84bc rgb(78,132,188)
```

Monochromatic Color

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

#34748a
```
#34748a rgb(52,116,138)
```
#346c8a
```
#346c8a rgb(52,108,138)
```
#34658a
```
#34658a rgb(52,101,138)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#34578a
```
#34578a rgb(52,87,138)
```
#34508a
```
#34508a rgb(52,80,138)
```
#34498a
```
#34498a rgb(52,73,138)
```

Similar Colors

Text with hexadecimal color #345e8a

This text has a font color of #345e8a.

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

#345e8a background color

This paragraph has a background color of #345e8a.

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

#345e8a border color

This element has a border color of #345e8a.

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

CSS codes

.text {color:#345e8a;}

.background {background-color:#345e8a;}

.border {border:1px solid #345e8a;}

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0e1a26
```
#0e1a26 rgb(14,26,38)
```
#142435
```
#142435 rgb(20,36,53)
```
#192d43
```
#192d43 rgb(25,45,67)
```
#1f3751
```
#1f3751 rgb(31,55,81)
```
#24415f
```
#24415f rgb(36,65,95)
```
#294b6e
```
#294b6e rgb(41,75,110)
```
#2f547c
```
#2f547c rgb(47,84,124)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#396898
```
#396898 rgb(57,104,152)
```
#3f71a6
```
#3f71a6 rgb(63,113,166)
```
#447bb5
```
#447bb5 rgb(68,123,181)
```

Shade Color Variation

#5085bd
```
#5085bd rgb(80,133,189)
```
#5e8fc2
```
#5e8fc2 rgb(94,143,194)
```
#6c99c8
```
#6c99c8 rgb(108,153,200)
```
#7aa3cd
```
#7aa3cd rgb(122,163,205)
```
#89add2
```
#89add2 rgb(137,173,210)
```
#97b7d8
```
#97b7d8 rgb(151,183,216)
```
#a5c0dd
```
#a5c0dd rgb(165,192,221)
```
#b3cae2
```
#b3cae2 rgb(179,202,226)
```
#c2d4e8
```
#c2d4e8 rgb(194,212,232)
```
#d0deed
```
#d0deed rgb(208,222,237)
```
#dee8f3
```
#dee8f3 rgb(222,232,243)
```
#ecf2f8
```
#ecf2f8 rgb(236,242,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595f65 is the less saturated color, while #015dbd is the most saturated one.

#595f65
```
#595f65 rgb(89,95,101)
```
#515f6d
```
#515f6d rgb(81,95,109)
```
#4a5f74
```
#4a5f74 rgb(74,95,116)
```
#435e7b
```
#435e7b rgb(67,94,123)
```
#3b5e83
```
#3b5e83 rgb(59,94,131)
```
#345e8a
```
#345e8a rgb(52,94,138)
```
#2d5e91
```
#2d5e91 rgb(45,94,145)
```
#255e99
```
#255e99 rgb(37,94,153)
```
#1e5da0
```
#1e5da0 rgb(30,93,160)
```
#175da7
```
#175da7 rgb(23,93,167)
```
#0f5daf
```
#0f5daf rgb(15,93,175)
```
#085db6
```
#085db6 rgb(8,93,182)
```
#015dbd
```
#015dbd rgb(1,93,189)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54628d Protanopia 1% of men
#4d6391 Deuteranopia 1% of men
#2d6c74 Tritanopia 0.001% of the population

Trichromacy

#48608c Protanomaly 1% of men, 0.01% of women
#43618e Deuteranomaly 6% of men, 0.4% of women
#30677c Tritanomaly 0.01% of the population

#345e8a hex color

#345e8a Color Information

#345e8a Color Conversion

Color Schemes with #345e8a

Alternatives to #345e8a

#345e8a Preview

Shades and Tints of #345e8a

Tones of #345e8a

Color Blindness Simulator