#345daf hex color

In a RGB color space, hex #345daf is composed of 20.4% red, 36.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 46.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 220 degrees, a saturation of 54.2% and a lightness of 44.5%. #345daf color hex could be obtained by blending #68baff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 36
- B 69
RGB color chart
- C 70
- M 47
- Y 0
- K 31
CMYK color chart

● #345daf color description : Dark blue.

The hexadecimal color #345daf has RGB values of R:52, G:93, B:175 and CMYK values of C:0.7, M:0.47, Y:0, K:0.31. Its decimal value is 3431855.

Hex triplet	345daf	`#345daf`
RGB Decimal	52, 93, 175	`rgb(52,93,175)`
RGB Percent	20.4, 36.5, 68.6	`rgb(20.4%,36.5%,68.6%)`
CMYK	70, 47, 0, 31
HSL	220°, 54.2, 44.5	`hsl(220,54.2%,44.5%)`
HSV (or HSB)	220°, 70.3, 68.6
Web Safe	336699	`#336699`

CIE-LAB	40.659, 13.834, -48.033
XYZ	13.067, 11.653, 42.116
xyY	0.196, 0.174, 11.653
CIE-LCH	40.659, 49.986, 286.067
CIE-LUV	40.659, -16.648, -71.122
Hunter-Lab	34.137, 8.587, -49.253
Binary	00110100, 01011101, 10101111

#345daf
```
#345daf rgb(52,93,175)
```
#af8634
```
#af8634 rgb(175,134,52)
```

Complementary Color

#349baf
```
#349baf rgb(52,155,175)
```
#345daf
```
#345daf rgb(52,93,175)
```
#4834af
```
#4834af rgb(72,52,175)
```

Analogous Color

#9baf34
```
#9baf34 rgb(155,175,52)
```
#345daf
```
#345daf rgb(52,93,175)
```
#af4834
```
#af4834 rgb(175,72,52)
```

Split Complementary Color

#5daf34
```
#5daf34 rgb(93,175,52)
```
#345daf
```
#345daf rgb(52,93,175)
```
#af345d
```
#af345d rgb(175,52,93)
```

Triadic Color

#34af86
```
#34af86 rgb(52,175,134)
```
#345daf
```
#345daf rgb(52,93,175)
```
#af345d
```
#af345d rgb(175,52,93)
```
#af8634
```
#af8634 rgb(175,134,52)
```

Tetradic Color

#223e74
```
#223e74 rgb(34,62,116)
```
#284888
```
#284888 rgb(40,72,136)
```
#2e539b
```
#2e539b rgb(46,83,155)
```
#345daf
```
#345daf rgb(52,93,175)
```
#3a67c3
```
#3a67c3 rgb(58,103,195)
```
#4c76ca
```
#4c76ca rgb(76,118,202)
```
#6085d0
```
#6085d0 rgb(96,133,208)
```

Monochromatic Color

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

#347caf
```
#347caf rgb(52,124,175)
```
#3472af
```
#3472af rgb(52,114,175)
```
#3467af
```
#3467af rgb(52,103,175)
```
#345daf
```
#345daf rgb(52,93,175)
```
#3453af
```
#3453af rgb(52,83,175)
```
#3449af
```
#3449af rgb(52,73,175)
```
#343eaf
```
#343eaf rgb(52,62,175)
```

Similar Colors

Text with hexadecimal color #345daf

This text has a font color of #345daf.

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

#345daf background color

This paragraph has a background color of #345daf.

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

#345daf border color

This element has a border color of #345daf.

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

CSS codes

.text {color:#345daf;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0c1527
```
#0c1527 rgb(12,21,39)
```
#101d36
```
#101d36 rgb(16,29,54)
```
#152545
```
#152545 rgb(21,37,69)
```
#192d54
```
#192d54 rgb(25,45,84)
```
#1e3563
```
#1e3563 rgb(30,53,99)
```
#223d73
```
#223d73 rgb(34,61,115)
```
#274582
```
#274582 rgb(39,69,130)
```
#2b4d91
```
#2b4d91 rgb(43,77,145)
```
#3055a0
```
#3055a0 rgb(48,85,160)
```
#345daf
```
#345daf rgb(52,93,175)
```
#3865be
```
#3865be rgb(56,101,190)
```

Shade Color Variation

#436fc7
```
#436fc7 rgb(67,111,199)
```
#527bcc
```
#527bcc rgb(82,123,204)
```
#6186d0
```
#6186d0 rgb(97,134,208)
```
#7092d5
```
#7092d5 rgb(112,146,213)
```
#809dd9
```
#809dd9 rgb(128,157,217)
```
#8fa9de
```
#8fa9de rgb(143,169,222)
```
#9eb5e2
```
#9eb5e2 rgb(158,181,226)
```
#adc0e7
```
#adc0e7 rgb(173,192,231)
```
#bccceb
```
#bccceb rgb(188,204,235)
```
#cbd7f0
```
#cbd7f0 rgb(203,215,240)
```
#dae3f4
```
#dae3f4 rgb(218,227,244)
```
#e9eef9
```
#e9eef9 rgb(233,238,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#717172
```
#717172 rgb(113,113,114)
```
#686e7b
```
#686e7b rgb(104,110,123)
```
#606c83
```
#606c83 rgb(96,108,131)
```
#57698c
```
#57698c rgb(87,105,140)
```
#4e6695
```
#4e6695 rgb(78,102,149)
```
#45639e
```
#45639e rgb(69,99,158)
```
#3d60a6
```
#3d60a6 rgb(61,96,166)
```
#345daf
```
#345daf rgb(52,93,175)
```
#2b5ab8
```
#2b5ab8 rgb(43,90,184)
```
#2357c0
```
#2357c0 rgb(35,87,192)
```
#1a54c9
```
#1a54c9 rgb(26,84,201)
```
#1151d2
```
#1151d2 rgb(17,81,210)
```
#084edb
```
#084edb rgb(8,78,219)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d65b3 Protanopia 1% of men
#0069b0 Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#3962b1 Protanomaly 1% of men, 0.01% of women
#1265af Deuteranomaly 6% of men, 0.4% of women
#126a8d Tritanomaly 0.01% of the population

#345daf hex color

#345daf Color Information

#345daf Color Conversion

Color Schemes with #345daf

Alternatives to #345daf

#345daf Preview

Shades and Tints of #345daf

Tones of #345daf

Color Blindness Simulator