#345e98 hex color

In a RGB color space, hex #345e98 is composed of 20.4% red, 36.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 38.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 214.8 degrees, a saturation of 49% and a lightness of 40%. #345e98 color hex could be obtained by blending #68bcff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 60
RGB color chart
- C 66
- M 38
- Y 0
- K 40
CMYK color chart

● #345e98 color description : Dark moderate blue.

The hexadecimal color #345e98 has RGB values of R:52, G:94, B:152 and CMYK values of C:0.66, M:0.38, Y:0, K:0.4. Its decimal value is 3432088.

Hex triplet	345e98	`#345e98`
RGB Decimal	52, 94, 152	`rgb(52,94,152)`
RGB Percent	20.4, 36.9, 59.6	`rgb(20.4%,36.9%,59.6%)`
CMYK	66, 38, 0, 40
HSL	214.8°, 49, 40	`hsl(214.8,49%,40%)`
HSV (or HSB)	214.8°, 65.8, 59.6
Web Safe	336699	`#336699`

CIE-LAB	39.583, 4.705, -36.082
XYZ	11.085, 11.002, 31.243
xyY	0.208, 0.206, 11.002
CIE-LCH	39.583, 36.388, 277.43
CIE-LUV	39.583, -17.249, -52.177
Hunter-Lab	33.169, 1.609, -32.63
Binary	00110100, 01011110, 10011000

#345e98
```
#345e98 rgb(52,94,152)
```
#986e34
```
#986e34 rgb(152,110,52)
```

Complementary Color

#349098
```
#349098 rgb(52,144,152)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#3c3498
```
#3c3498 rgb(60,52,152)
```

Analogous Color

#909834
```
#909834 rgb(144,152,52)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#983c34
```
#983c34 rgb(152,60,52)
```

Split Complementary Color

#5e9834
```
#5e9834 rgb(94,152,52)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#98345e
```
#98345e rgb(152,52,94)
```

Triadic Color

#34986e
```
#34986e rgb(52,152,110)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#98345e
```
#98345e rgb(152,52,94)
```
#986e34
```
#986e34 rgb(152,110,52)
```

Tetradic Color

#213b5f
```
#213b5f rgb(33,59,95)
```
#274772
```
#274772 rgb(39,71,114)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#3b6aab
```
#3b6aab rgb(59,106,171)
```
#4176be
```
#4176be rgb(65,118,190)
```
#5483c5
```
#5483c5 rgb(84,131,197)
```

Monochromatic Color

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

#347798
```
#347798 rgb(52,119,152)
```
#346f98
```
#346f98 rgb(52,111,152)
```
#346698
```
#346698 rgb(52,102,152)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#345698
```
#345698 rgb(52,86,152)
```
#344d98
```
#344d98 rgb(52,77,152)
```
#344598
```
#344598 rgb(52,69,152)
```

Similar Colors

Text with hexadecimal color #345e98

This text has a font color of #345e98.

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

#345e98 background color

This paragraph has a background color of #345e98.

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

#345e98 border color

This element has a border color of #345e98.

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

CSS codes

.text {color:#345e98;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1623
```
#0c1623 rgb(12,22,35)
```
#111f32
```
#111f32 rgb(17,31,50)
```
#162840
```
#162840 rgb(22,40,64)
```
#1b314f
```
#1b314f rgb(27,49,79)
```
#203a5e
```
#203a5e rgb(32,58,94)
```
#25436c
```
#25436c rgb(37,67,108)
```
#2a4c7b
```
#2a4c7b rgb(42,76,123)
```
#2f5589
```
#2f5589 rgb(47,85,137)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#3967a7
```
#3967a7 rgb(57,103,167)
```
#3e70b5
```
#3e70b5 rgb(62,112,181)
```

Shade Color Variation

#477ac0
```
#477ac0 rgb(71,122,192)
```
#5584c5
```
#5584c5 rgb(85,132,197)
```
#648fca
```
#648fca rgb(100,143,202)
```
#7399cf
```
#7399cf rgb(115,153,207)
```
#81a4d4
```
#81a4d4 rgb(129,164,212)
```
#90afd9
```
#90afd9 rgb(144,175,217)
```
#9fb9de
```
#9fb9de rgb(159,185,222)
```
#adc4e3
```
#adc4e3 rgb(173,196,227)
```
#bccee8
```
#bccee8 rgb(188,206,232)
```
#cad9ed
```
#cad9ed rgb(202,217,237)
```
#d9e4f2
```
#d9e4f2 rgb(217,228,242)
```
#e8eef7
```
#e8eef7 rgb(232,238,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#636669
```
#636669 rgb(99,102,105)
```
#5b6471
```
#5b6471 rgb(91,100,113)
```
#536379
```
#536379 rgb(83,99,121)
```
#4c6280
```
#4c6280 rgb(76,98,128)
```
#446188
```
#446188 rgb(68,97,136)
```
#3c5f90
```
#3c5f90 rgb(60,95,144)
```
#345e98
```
#345e98 rgb(52,94,152)
```
#2c5da0
```
#2c5da0 rgb(44,93,160)
```
#245ba8
```
#245ba8 rgb(36,91,168)
```
#1c5ab0
```
#1c5ab0 rgb(28,90,176)
```
#1559b7
```
#1559b7 rgb(21,89,183)
```
#0d58bf
```
#0d58bf rgb(13,88,191)
```
#0556c7
```
#0556c7 rgb(5,86,199)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e639b Protanopia 1% of men
#40669d Deuteranopia 1% of men
#206e76 Tritanopia 0.001% of the population

Trichromacy

#44619a Protanomaly 1% of men, 0.01% of women
#3b639b Deuteranomaly 6% of men, 0.4% of women
#276882 Tritanomaly 0.01% of the population

#345e98 hex color

#345e98 Color Information

#345e98 Color Conversion

Color Schemes with #345e98

Alternatives to #345e98

#345e98 Preview

Shades and Tints of #345e98

Tones of #345e98

Color Blindness Simulator