#3450b2 hex color

In a RGB color space, hex #3450b2 is composed of 20.4% red, 31.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 55.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 226.7 degrees, a saturation of 54.8% and a lightness of 45.1%. #3450b2 color hex could be obtained by blending #68a0ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 31
- B 70
RGB color chart
- C 71
- M 55
- Y 0
- K 30
CMYK color chart

● #3450b2 color description : Dark blue.

The hexadecimal color #3450b2 has RGB values of R:52, G:80, B:178 and CMYK values of C:0.71, M:0.55, Y:0, K:0.3. Its decimal value is 3428530.

Hex triplet	3450b2	`#3450b2`
RGB Decimal	52, 80, 178	`rgb(52,80,178)`
RGB Percent	20.4, 31.4, 69.8	`rgb(20.4%,31.4%,69.8%)`
CMYK	71, 55, 0, 30
HSL	226.7°, 54.8, 45.1	`hsl(226.7,54.8%,45.1%)`
HSV (or HSB)	226.7°, 70.8, 69.8
Web Safe	336699	`#336699`

CIE-LAB	37.264, 23.452, -55.283
XYZ	12.319, 9.681, 43.336
xyY	0.189, 0.148, 9.681
CIE-LCH	37.264, 60.051, 292.987
CIE-LUV	37.264, -12.823, -80.088
Hunter-Lab	31.114, 16.223, -60.8
Binary	00110100, 01010000, 10110010

#3450b2
```
#3450b2 rgb(52,80,178)
```
#b29634
```
#b29634 rgb(178,150,52)
```

Complementary Color

#348fb2
```
#348fb2 rgb(52,143,178)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#5734b2
```
#5734b2 rgb(87,52,178)
```

Analogous Color

#8fb234
```
#8fb234 rgb(143,178,52)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#b25734
```
#b25734 rgb(178,87,52)
```

Split Complementary Color

#50b234
```
#50b234 rgb(80,178,52)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#b23450
```
#b23450 rgb(178,52,80)
```

Triadic Color

#34b296
```
#34b296 rgb(52,178,150)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#b23450
```
#b23450 rgb(178,52,80)
```
#b29634
```
#b29634 rgb(178,150,52)
```

Tetradic Color

#233577
```
#233577 rgb(35,53,119)
```
#283e8b
```
#283e8b rgb(40,62,139)
```
#2e479e
```
#2e479e rgb(46,71,158)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#3a59c5
```
#3a59c5 rgb(58,89,197)
```
#4e6acb
```
#4e6acb rgb(78,106,203)
```
#627ad1
```
#627ad1 rgb(98,122,209)
```

Monochromatic Color

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

#3470b2
```
#3470b2 rgb(52,112,178)
```
#3465b2
```
#3465b2 rgb(52,101,178)
```
#345bb2
```
#345bb2 rgb(52,91,178)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#3446b2
```
#3446b2 rgb(52,70,178)
```
#343bb2
```
#343bb2 rgb(52,59,178)
```
#3734b2
```
#3734b2 rgb(55,52,178)
```

Similar Colors

Text with hexadecimal color #3450b2

This text has a font color of #3450b2.

<span style="color:#3450b2;">Text here</span>

#3450b2 background color

This paragraph has a background color of #3450b2.

<p style="background-color:#3450b2;">Content here</p>

#3450b2 border color

This element has a border color of #3450b2.

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

CSS codes

.text {color:#3450b2;}

.background {background-color:#3450b2;}

.border {border:1px solid #3450b2;}

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, #03050b is the darkest color, while #fbfbfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#080c1a
```
#080c1a rgb(8,12,26)
```
#0c1329
```
#0c1329 rgb(12,19,41)
```
#111939
```
#111939 rgb(17,25,57)
```
#152048
```
#152048 rgb(21,32,72)
```
#192757
```
#192757 rgb(25,39,87)
```
#1e2e66
```
#1e2e66 rgb(30,46,102)
```
#223575
```
#223575 rgb(34,53,117)
```
#273c84
```
#273c84 rgb(39,60,132)
```
#2b4294
```
#2b4294 rgb(43,66,148)
```
#3049a3
```
#3049a3 rgb(48,73,163)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#3857c1
```
#3857c1 rgb(56,87,193)
```

Shade Color Variation

#4562c9
```
#4562c9 rgb(69,98,201)
```
#546fcd
```
#546fcd rgb(84,111,205)
```
#637cd1
```
#637cd1 rgb(99,124,209)
```
#7288d6
```
#7288d6 rgb(114,136,214)
```
#8195da
```
#8195da rgb(129,149,218)
```
#91a2df
```
#91a2df rgb(145,162,223)
```
#a0afe3
```
#a0afe3 rgb(160,175,227)
```
#afbce8
```
#afbce8 rgb(175,188,232)
```
#bec8ec
```
#bec8ec rgb(190,200,236)
```
#cdd5f0
```
#cdd5f0 rgb(205,213,240)
```
#dce2f5
```
#dce2f5 rgb(220,226,245)
```
#eceff9
```
#eceff9 rgb(236,239,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#727274
```
#727274 rgb(114,114,116)
```
#696d7d
```
#696d7d rgb(105,109,125)
```
#606986
```
#606986 rgb(96,105,134)
```
#57648f
```
#57648f rgb(87,100,143)
```
#4f5f97
```
#4f5f97 rgb(79,95,151)
```
#465aa0
```
#465aa0 rgb(70,90,160)
```
#3d55a9
```
#3d55a9 rgb(61,85,169)
```
#3450b2
```
#3450b2 rgb(52,80,178)
```
#2b4bbb
```
#2b4bbb rgb(43,75,187)
```
#2246c4
```
#2246c4 rgb(34,70,196)
```
#1941cd
```
#1941cd rgb(25,65,205)
```
#113cd5
```
#113cd5 rgb(17,60,213)
```
#0837de
```
#0837de rgb(8,55,222)
```

Tone Color Variation

Below, you can see how #3450b2 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

#535353 Achromatopsia 0.005% of the population
#4d5266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a1 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1258b5 Protanomaly 1% of men, 0.01% of women
#125ba7 Deuteranomaly 6% of men, 0.4% of women
#126088 Tritanomaly 0.01% of the population

#3450b2 hex color

#3450b2 Color Information

#3450b2 Color Conversion

Color Schemes with #3450b2

Alternatives to #3450b2

#3450b2 Preview

Shades and Tints of #3450b2

Tones of #3450b2

Color Blindness Simulator