#345fad hex color

In a RGB color space, hex #345fad is composed of 20.4% red, 37.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 45.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 218.7 degrees, a saturation of 53.8% and a lightness of 44.1%. #345fad color hex could be obtained by blending #68beff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 68
RGB color chart
- C 70
- M 45
- Y 0
- K 32
CMYK color chart

● #345fad color description : Dark moderate blue.

The hexadecimal color #345fad has RGB values of R:52, G:95, B:173 and CMYK values of C:0.7, M:0.45, Y:0, K:0.32. Its decimal value is 3432365.

Hex triplet	345fad	`#345fad`
RGB Decimal	52, 95, 173	`rgb(52,95,173)`
RGB Percent	20.4, 37.3, 67.8	`rgb(20.4%,37.3%,67.8%)`
CMYK	70, 45, 0, 32
HSL	218.7°, 53.8, 44.1	`hsl(218.7,53.8%,44.1%)`
HSV (or HSB)	218.7°, 69.9, 67.8
Web Safe	336699	`#336699`

CIE-LAB	41.106, 11.796, -46.139
XYZ	13.05, 11.931, 41.148
xyY	0.197, 0.18, 11.931
CIE-LCH	41.106, 47.623, 284.342
CIE-LUV	41.106, -17.298, -68.373
Hunter-Lab	34.541, 6.991, -46.453
Binary	00110100, 01011111, 10101101

#345fad
```
#345fad rgb(52,95,173)
```
#ad8234
```
#ad8234 rgb(173,130,52)
```

Complementary Color

#349cad
```
#349cad rgb(52,156,173)
```
#345fad
```
#345fad rgb(52,95,173)
```
#4534ad
```
#4534ad rgb(69,52,173)
```

Analogous Color

#9cad34
```
#9cad34 rgb(156,173,52)
```
#345fad
```
#345fad rgb(52,95,173)
```
#ad4534
```
#ad4534 rgb(173,69,52)
```

Split Complementary Color

#5fad34
```
#5fad34 rgb(95,173,52)
```
#345fad
```
#345fad rgb(52,95,173)
```
#ad345f
```
#ad345f rgb(173,52,95)
```

Triadic Color

#34ad82
```
#34ad82 rgb(52,173,130)
```
#345fad
```
#345fad rgb(52,95,173)
```
#ad345f
```
#ad345f rgb(173,52,95)
```
#ad8234
```
#ad8234 rgb(173,130,52)
```

Tetradic Color

#223f72
```
#223f72 rgb(34,63,114)
```
#284986
```
#284986 rgb(40,73,134)
```
#2e5499
```
#2e5499 rgb(46,84,153)
```
#345fad
```
#345fad rgb(52,95,173)
```
#3a6ac1
```
#3a6ac1 rgb(58,106,193)
```
#4b78c9
```
#4b78c9 rgb(75,120,201)
```
#5f87cf
```
#5f87cf rgb(95,135,207)
```

Monochromatic Color

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

#347dad
```
#347dad rgb(52,125,173)
```
#3473ad
```
#3473ad rgb(52,115,173)
```
#3469ad
```
#3469ad rgb(52,105,173)
```
#345fad
```
#345fad rgb(52,95,173)
```
#3455ad
```
#3455ad rgb(52,85,173)
```
#344bad
```
#344bad rgb(52,75,173)
```
#3441ad
```
#3441ad rgb(52,65,173)
```

Similar Colors

Text with hexadecimal color #345fad

This text has a font color of #345fad.

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

#345fad background color

This paragraph has a background color of #345fad.

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

#345fad border color

This element has a border color of #345fad.

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

CSS codes

.text {color:#345fad;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c16
```
#070c16 rgb(7,12,22)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#101d34
```
#101d34 rgb(16,29,52)
```
#142543
```
#142543 rgb(20,37,67)
```
#192d53
```
#192d53 rgb(25,45,83)
```
#1d3662
```
#1d3662 rgb(29,54,98)
```
#223e71
```
#223e71 rgb(34,62,113)
```
#264680
```
#264680 rgb(38,70,128)
```
#2b4e8f
```
#2b4e8f rgb(43,78,143)
```
#2f579e
```
#2f579e rgb(47,87,158)
```
#345fad
```
#345fad rgb(52,95,173)
```
#3967bc
```
#3967bc rgb(57,103,188)
```

Shade Color Variation

#4271c6
```
#4271c6 rgb(66,113,198)
```
#517ccb
```
#517ccb rgb(81,124,203)
```
#6088cf
```
#6088cf rgb(96,136,207)
```
#6f93d4
```
#6f93d4 rgb(111,147,212)
```
#7e9ed8
```
#7e9ed8 rgb(126,158,216)
```
#8daadd
```
#8daadd rgb(141,170,221)
```
#9db5e1
```
#9db5e1 rgb(157,181,225)
```
#acc0e6
```
#acc0e6 rgb(172,192,230)
```
#bbccea
```
#bbccea rgb(187,204,234)
```
#cad7ef
```
#cad7ef rgb(202,215,239)
```
#d9e2f4
```
#d9e2f4 rgb(217,226,244)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e79 is the less saturated color, while #0050e1 is the most saturated one.

#686e79
```
#686e79 rgb(104,110,121)
```
#5f6c82
```
#5f6c82 rgb(95,108,130)
```
#57698a
```
#57698a rgb(87,105,138)
```
#4e6793
```
#4e6793 rgb(78,103,147)
```
#45649c
```
#45649c rgb(69,100,156)
```
#3d62a4
```
#3d62a4 rgb(61,98,164)
```
#345fad
```
#345fad rgb(52,95,173)
```
#2b5cb6
```
#2b5cb6 rgb(43,92,182)
```
#235abe
```
#235abe rgb(35,90,190)
```
#1a57c7
```
#1a57c7 rgb(26,87,199)
```
#1155d0
```
#1155d0 rgb(17,85,208)
```
#0952d8
```
#0952d8 rgb(9,82,216)
```
#0050e1
```
#0050e1 rgb(0,80,225)
```

Tone Color Variation

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

#4366b0 Protanopia 1% of men
#206aaf Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3d63af Protanomaly 1% of men, 0.01% of women
#2766ae Deuteranomaly 6% of men, 0.4% of women
#126b8d Tritanomaly 0.01% of the population

#345fad hex color

#345fad Color Information

#345fad Color Conversion

Color Schemes with #345fad

Alternatives to #345fad

#345fad Preview

Shades and Tints of #345fad

Tones of #345fad

Color Blindness Simulator