#345faa hex color

In a RGB color space, hex #345faa is composed of 20.4% red, 37.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 44.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.1 degrees, a saturation of 53.2% and a lightness of 43.5%. #345faa color hex could be obtained by blending #68beff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 67
RGB color chart
- C 69
- M 44
- Y 0
- K 33
CMYK color chart

● #345faa color description : Dark moderate blue.

The hexadecimal color #345faa has RGB values of R:52, G:95, B:170 and CMYK values of C:0.69, M:0.44, Y:0, K:0.33. Its decimal value is 3432362.

Hex triplet	345faa	`#345faa`
RGB Decimal	52, 95, 170	`rgb(52,95,170)`
RGB Percent	20.4, 37.3, 66.7	`rgb(20.4%,37.3%,66.7%)`
CMYK	69, 44, 0, 33
HSL	218.1°, 53.2, 43.5	`hsl(218.1,53.2%,43.5%)`
HSV (or HSB)	218.1°, 69.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.922, 10.683, -44.663
XYZ	12.762, 11.816, 39.636
xyY	0.199, 0.184, 11.816
CIE-LCH	40.922, 45.923, 283.452
CIE-LUV	40.922, -17.333, -66.01
Hunter-Lab	34.374, 6.119, -44.304
Binary	00110100, 01011111, 10101010

#345faa
```
#345faa rgb(52,95,170)
```
#aa7f34
```
#aa7f34 rgb(170,127,52)
```

Complementary Color

#349aaa
```
#349aaa rgb(52,154,170)
```
#345faa
```
#345faa rgb(52,95,170)
```
#4434aa
```
#4434aa rgb(68,52,170)
```

Analogous Color

#9aaa34
```
#9aaa34 rgb(154,170,52)
```
#345faa
```
#345faa rgb(52,95,170)
```
#aa4434
```
#aa4434 rgb(170,68,52)
```

Split Complementary Color

#5faa34
```
#5faa34 rgb(95,170,52)
```
#345faa
```
#345faa rgb(52,95,170)
```
#aa345f
```
#aa345f rgb(170,52,95)
```

Triadic Color

#34aa7f
```
#34aa7f rgb(52,170,127)
```
#345faa
```
#345faa rgb(52,95,170)
```
#aa345f
```
#aa345f rgb(170,52,95)
```
#aa7f34
```
#aa7f34 rgb(170,127,52)
```

Tetradic Color

#223e6f
```
#223e6f rgb(34,62,111)
```
#284983
```
#284983 rgb(40,73,131)
```
#2e5496
```
#2e5496 rgb(46,84,150)
```
#345faa
```
#345faa rgb(52,95,170)
```
#3a6abe
```
#3a6abe rgb(58,106,190)
```
#4a77c7
```
#4a77c7 rgb(74,119,199)
```
#5d86cd
```
#5d86cd rgb(93,134,205)
```

Monochromatic Color

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

#347daa
```
#347daa rgb(52,125,170)
```
#3473aa
```
#3473aa rgb(52,115,170)
```
#3469aa
```
#3469aa rgb(52,105,170)
```
#345faa
```
#345faa rgb(52,95,170)
```
#3455aa
```
#3455aa rgb(52,85,170)
```
#344baa
```
#344baa rgb(52,75,170)
```
#3442aa
```
#3442aa rgb(52,66,170)
```

Similar Colors

Text with hexadecimal color #345faa

This text has a font color of #345faa.

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

#345faa background color

This paragraph has a background color of #345faa.

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

#345faa border color

This element has a border color of #345faa.

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

CSS codes

.text {color:#345faa;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1323
```
#0b1323 rgb(11,19,35)
```
#0f1c32
```
#0f1c32 rgb(15,28,50)
```
#142441
```
#142441 rgb(20,36,65)
```
#182d50
```
#182d50 rgb(24,45,80)
```
#1d355f
```
#1d355f rgb(29,53,95)
```
#223d6e
```
#223d6e rgb(34,61,110)
```
#26467d
```
#26467d rgb(38,70,125)
```
#2b4e8c
```
#2b4e8c rgb(43,78,140)
```
#2f579b
```
#2f579b rgb(47,87,155)
```
#345faa
```
#345faa rgb(52,95,170)
```
#3967b9
```
#3967b9 rgb(57,103,185)
```

Shade Color Variation

#4171c5
```
#4171c5 rgb(65,113,197)
```
#507cc9
```
#507cc9 rgb(80,124,201)
```
#5f87ce
```
#5f87ce rgb(95,135,206)
```
#6e92d3
```
#6e92d3 rgb(110,146,211)
```
#7d9ed7
```
#7d9ed7 rgb(125,158,215)
```
#8ca9dc
```
#8ca9dc rgb(140,169,220)
```
#9bb4e0
```
#9bb4e0 rgb(155,180,224)
```
#aabfe5
```
#aabfe5 rgb(170,191,229)
```
#b9cae9
```
#b9cae9 rgb(185,202,233)
```
#c8d6ee
```
#c8d6ee rgb(200,214,238)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#676d77
```
#676d77 rgb(103,109,119)
```
#5f6b7f
```
#5f6b7f rgb(95,107,127)
```
#566888
```
#566888 rgb(86,104,136)
```
#4e6690
```
#4e6690 rgb(78,102,144)
```
#456499
```
#456499 rgb(69,100,153)
```
#3d61a1
```
#3d61a1 rgb(61,97,161)
```
#345faa
```
#345faa rgb(52,95,170)
```
#2b5db3
```
#2b5db3 rgb(43,93,179)
```
#235abb
```
#235abb rgb(35,90,187)
```
#1a58c4
```
#1a58c4 rgb(26,88,196)
```
#1256cc
```
#1256cc rgb(18,86,204)
```
#0953d5
```
#0953d5 rgb(9,83,213)
```
#0151dd
```
#0151dd rgb(1,81,221)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4566ad Protanopia 1% of men
#286aad Deuteranopia 1% of men
#00727b Tritanopia 0.001% of the population

Trichromacy

#3f63ac Protanomaly 1% of men, 0.01% of women
#2c66ac Deuteranomaly 6% of men, 0.4% of women
#126b8c Tritanomaly 0.01% of the population

#345faa hex color

#345faa Color Information

#345faa Color Conversion

Color Schemes with #345faa

Alternatives to #345faa

#345faa Preview

Shades and Tints of #345faa

Tones of #345faa

Color Blindness Simulator