#345aab hex color

In a RGB color space, hex #345aab is composed of 20.4% red, 35.3% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 47.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 220.8 degrees, a saturation of 53.4% and a lightness of 43.7%. #345aab color hex could be obtained by blending #68b4ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 35
- B 67
RGB color chart
- C 70
- M 47
- Y 0
- K 33
CMYK color chart

● #345aab color description : Dark moderate blue.

The hexadecimal color #345aab has RGB values of R:52, G:90, B:171 and CMYK values of C:0.7, M:0.47, Y:0, K:0.33. Its decimal value is 3431083.

Hex triplet	345aab	`#345aab`
RGB Decimal	52, 90, 171	`rgb(52,90,171)`
RGB Percent	20.4, 35.3, 67.1	`rgb(20.4%,35.3%,67.1%)`
CMYK	70, 47, 0, 33
HSL	220.8°, 53.4, 43.7	`hsl(220.8,53.4%,43.7%)`
HSV (or HSB)	220.8°, 69.6, 67.1
Web Safe	336699	`#336699`

CIE-LAB	39.55, 14.296, -47.453
XYZ	12.421, 10.982, 39.991
xyY	0.196, 0.173, 10.982
CIE-LCH	39.55, 49.56, 286.766
CIE-LUV	39.55, -15.741, -69.765
Hunter-Lab	33.139, 8.914, -48.352
Binary	00110100, 01011010, 10101011

#345aab
```
#345aab rgb(52,90,171)
```
#ab8534
```
#ab8534 rgb(171,133,52)
```

Complementary Color

#3496ab
```
#3496ab rgb(52,150,171)
```
#345aab
```
#345aab rgb(52,90,171)
```
#4a34ab
```
#4a34ab rgb(74,52,171)
```

Analogous Color

#96ab34
```
#96ab34 rgb(150,171,52)
```
#345aab
```
#345aab rgb(52,90,171)
```
#ab4a34
```
#ab4a34 rgb(171,74,52)
```

Split Complementary Color

#5aab34
```
#5aab34 rgb(90,171,52)
```
#345aab
```
#345aab rgb(52,90,171)
```
#ab345a
```
#ab345a rgb(171,52,90)
```

Triadic Color

#34ab85
```
#34ab85 rgb(52,171,133)
```
#345aab
```
#345aab rgb(52,90,171)
```
#ab345a
```
#ab345a rgb(171,52,90)
```
#ab8534
```
#ab8534 rgb(171,133,52)
```

Tetradic Color

#223b70
```
#223b70 rgb(34,59,112)
```
#284584
```
#284584 rgb(40,69,132)
```
#2e5097
```
#2e5097 rgb(46,80,151)
```
#345aab
```
#345aab rgb(52,90,171)
```
#3a64bf
```
#3a64bf rgb(58,100,191)
```
#4a72c8
```
#4a72c8 rgb(74,114,200)
```
#5e81ce
```
#5e81ce rgb(94,129,206)
```

Monochromatic Color

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

#3478ab
```
#3478ab rgb(52,120,171)
```
#346eab
```
#346eab rgb(52,110,171)
```
#3464ab
```
#3464ab rgb(52,100,171)
```
#345aab
```
#345aab rgb(52,90,171)
```
#3450ab
```
#3450ab rgb(52,80,171)
```
#3446ab
```
#3446ab rgb(52,70,171)
```
#343cab
```
#343cab rgb(52,60,171)
```

Similar Colors

Text with hexadecimal color #345aab

This text has a font color of #345aab.

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

#345aab background color

This paragraph has a background color of #345aab.

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

#345aab border color

This element has a border color of #345aab.

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

CSS codes

.text {color:#345aab;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0b1324
```
#0b1324 rgb(11,19,36)
```
#0f1b33
```
#0f1b33 rgb(15,27,51)
```
#142342
```
#142342 rgb(20,35,66)
```
#192b51
```
#192b51 rgb(25,43,81)
```
#1d3260
```
#1d3260 rgb(29,50,96)
```
#223a6f
```
#223a6f rgb(34,58,111)
```
#26427e
```
#26427e rgb(38,66,126)
```
#2b4a8d
```
#2b4a8d rgb(43,74,141)
```
#2f529c
```
#2f529c rgb(47,82,156)
```
#345aab
```
#345aab rgb(52,90,171)
```
#3962ba
```
#3962ba rgb(57,98,186)
```

Shade Color Variation

#416bc5
```
#416bc5 rgb(65,107,197)
```
#5077ca
```
#5077ca rgb(80,119,202)
```
#5f83ce
```
#5f83ce rgb(95,131,206)
```
#6e8ed3
```
#6e8ed3 rgb(110,142,211)
```
#7d9ad8
```
#7d9ad8 rgb(125,154,216)
```
#8ca6dc
```
#8ca6dc rgb(140,166,220)
```
#9bb1e1
```
#9bb1e1 rgb(155,177,225)
```
#aabde5
```
#aabde5 rgb(170,189,229)
```
#b9c9ea
```
#b9c9ea rgb(185,201,234)
```
#c8d5ee
```
#c8d5ee rgb(200,213,238)
```
#d7e0f3
```
#d7e0f3 rgb(215,224,243)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676d78 is the less saturated color, while #0147de is the most saturated one.

#676d78
```
#676d78 rgb(103,109,120)
```
#5f6980
```
#5f6980 rgb(95,105,128)
```
#566689
```
#566689 rgb(86,102,137)
```
#4e6391
```
#4e6391 rgb(78,99,145)
```
#45609a
```
#45609a rgb(69,96,154)
```
#3d5da2
```
#3d5da2 rgb(61,93,162)
```
#345aab
```
#345aab rgb(52,90,171)
```
#2b57b4
```
#2b57b4 rgb(43,87,180)
```
#2354bc
```
#2354bc rgb(35,84,188)
```
#1a51c5
```
#1a51c5 rgb(26,81,197)
```
#124ecd
```
#124ecd rgb(18,78,205)
```
#094bd6
```
#094bd6 rgb(9,75,214)
```
#0147de
```
#0147de rgb(1,71,222)
```

Tone Color Variation

Below, you can see how #345aab 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
#515869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a63af Protanopia 1% of men
#0067ac Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#385fae Protanomaly 1% of men, 0.01% of women
#1262ab Deuteranomaly 6% of men, 0.4% of women
#12678a Tritanomaly 0.01% of the population

#345aab hex color

#345aab Color Information

#345aab Color Conversion

Color Schemes with #345aab

Alternatives to #345aab

#345aab Preview

Shades and Tints of #345aab

Tones of #345aab

Color Blindness Simulator