#345a90 hex color

In a RGB color space, hex #345a90 is composed of 20.4% red, 35.3% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 37.5% magenta, 0% yellow and 43.5% black. It has a hue angle of 215.2 degrees, a saturation of 46.9% and a lightness of 38.4%. #345a90 color hex could be obtained by blending #68b4ff with #000021. Closest websafe color is: #336699.

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

● #345a90 color description : Dark moderate blue.

The hexadecimal color #345a90 has RGB values of R:52, G:90, B:144 and CMYK values of C:0.64, M:0.38, Y:0, K:0.44. Its decimal value is 3431056.

Hex triplet	345a90	`#345a90`
RGB Decimal	52, 90, 144	`rgb(52,90,144)`
RGB Percent	20.4, 35.3, 56.5	`rgb(20.4%,35.3%,56.5%)`
CMYK	64, 38, 0, 44
HSL	215.2°, 46.9, 38.4	`hsl(215.2,46.9%,38.4%)`
HSV (or HSB)	215.2°, 63.9, 56.5
Web Safe	336699	`#336699`

CIE-LAB	37.942, 4.361, -33.865
XYZ	10.105, 10.055, 27.792
xyY	0.211, 0.21, 10.055
CIE-LCH	37.942, 34.145, 277.338
CIE-LUV	37.942, -15.977, -48.296
Hunter-Lab	31.71, 1.391, -29.768
Binary	00110100, 01011010, 10010000

#345a90
```
#345a90 rgb(52,90,144)
```
#906a34
```
#906a34 rgb(144,106,52)
```

Complementary Color

#348890
```
#348890 rgb(52,136,144)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#3c3490
```
#3c3490 rgb(60,52,144)
```

Analogous Color

#889034
```
#889034 rgb(136,144,52)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#903c34
```
#903c34 rgb(144,60,52)
```

Split Complementary Color

#5a9034
```
#5a9034 rgb(90,144,52)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#90345a
```
#90345a rgb(144,52,90)
```

Triadic Color

#34906a
```
#34906a rgb(52,144,106)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#90345a
```
#90345a rgb(144,52,90)
```
#906a34
```
#906a34 rgb(144,106,52)
```

Tetradic Color

#203758
```
#203758 rgb(32,55,88)
```
#26436b
```
#26436b rgb(38,67,107)
```
#2d4e7d
```
#2d4e7d rgb(45,78,125)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#3b66a3
```
#3b66a3 rgb(59,102,163)
```
#4271b5
```
#4271b5 rgb(66,113,181)
```
#517fc0
```
#517fc0 rgb(81,127,192)
```

Monochromatic Color

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

#347190
```
#347190 rgb(52,113,144)
```
#346990
```
#346990 rgb(52,105,144)
```
#346290
```
#346290 rgb(52,98,144)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#345290
```
#345290 rgb(52,82,144)
```
#344b90
```
#344b90 rgb(52,75,144)
```
#344390
```
#344390 rgb(52,67,144)
```

Similar Colors

Text with hexadecimal color #345a90

This text has a font color of #345a90.

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

#345a90 background color

This paragraph has a background color of #345a90.

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

#345a90 border color

This element has a border color of #345a90.

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

CSS codes

.text {color:#345a90;}

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

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

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

#05090e
```
#05090e rgb(5,9,14)
```
#0a121d
```
#0a121d rgb(10,18,29)
```
#101b2b
```
#101b2b rgb(16,27,43)
```
#15243a
```
#15243a rgb(21,36,58)
```
#1a2d48
```
#1a2d48 rgb(26,45,72)
```
#1f3656
```
#1f3656 rgb(31,54,86)
```
#243f65
```
#243f65 rgb(36,63,101)
```
#2a4873
```
#2a4873 rgb(42,72,115)
```
#2f5182
```
#2f5182 rgb(47,81,130)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#39639e
```
#39639e rgb(57,99,158)
```
#3e6cad
```
#3e6cad rgb(62,108,173)
```
#4475bb
```
#4475bb rgb(68,117,187)
```

Shade Color Variation

#5280c1
```
#5280c1 rgb(82,128,193)
```
#608ac6
```
#608ac6 rgb(96,138,198)
```
#6f95cb
```
#6f95cb rgb(111,149,203)
```
#7d9fd0
```
#7d9fd0 rgb(125,159,208)
```
#8caad5
```
#8caad5 rgb(140,170,213)
```
#9ab5db
```
#9ab5db rgb(154,181,219)
```
#a8bfe0
```
#a8bfe0 rgb(168,191,224)
```
#b7cae5
```
#b7cae5 rgb(183,202,229)
```
#c5d4ea
```
#c5d4ea rgb(197,212,234)
```
#d4dfef
```
#d4dfef rgb(212,223,239)
```
#e2eaf5
```
#e2eaf5 rgb(226,234,245)
```
#f0f4fa
```
#f0f4fa rgb(240,244,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 #0752bd is the most saturated one.

#616263
```
#616263 rgb(97,98,99)
```
#5a616a
```
#5a616a rgb(90,97,106)
```
#525f72
```
#525f72 rgb(82,95,114)
```
#4b5e79
```
#4b5e79 rgb(75,94,121)
```
#435d81
```
#435d81 rgb(67,93,129)
```
#3c5b88
```
#3c5b88 rgb(60,91,136)
```
#345a90
```
#345a90 rgb(52,90,144)
```
#2c5998
```
#2c5998 rgb(44,89,152)
```
#25579f
```
#25579f rgb(37,87,159)
```
#1d56a7
```
#1d56a7 rgb(29,86,167)
```
#1655ae
```
#1655ae rgb(22,85,174)
```
#0e53b6
```
#0e53b6 rgb(14,83,182)
```
#0752bd
```
#0752bd rgb(7,82,189)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6093 Protanopia 1% of men
#416295 Deuteranopia 1% of men
#266a72 Tritanopia 0.001% of the population

Trichromacy

#435d92 Protanomaly 1% of men, 0.01% of women
#3c5f93 Deuteranomaly 6% of men, 0.4% of women
#2b647d Tritanomaly 0.01% of the population

#345a90 hex color

#345a90 Color Information

#345a90 Color Conversion

Color Schemes with #345a90

Alternatives to #345a90

#345a90 Preview

Shades and Tints of #345a90

Tones of #345a90

Color Blindness Simulator