#3494b4 hex color

In a RGB color space, hex #3494b4 is composed of 20.4% red, 58% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 17.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 195 degrees, a saturation of 55.2% and a lightness of 45.5%. #3494b4 color hex could be obtained by blending #68ffff with #002969. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 58
- B 71
RGB color chart
- C 71
- M 18
- Y 0
- K 29
CMYK color chart

● #3494b4 color description : Moderate blue.

The hexadecimal color #3494b4 has RGB values of R:52, G:148, B:180 and CMYK values of C:0.71, M:0.18, Y:0, K:0.29. Its decimal value is 3445940.

Hex triplet	3494b4	`#3494b4`
RGB Decimal	52, 148, 180	`rgb(52,148,180)`
RGB Percent	20.4, 58, 70.6	`rgb(20.4%,58%,70.6%)`
CMYK	71, 18, 0, 29
HSL	195°, 55.2, 45.5	`hsl(195,55.2%,45.5%)`
HSV (or HSB)	195°, 71.1, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.273, -17.242, -24.791
XYZ	20.242, 25.203, 46.975
xyY	0.219, 0.273, 25.203
CIE-LCH	57.273, 30.197, 235.182
CIE-LUV	57.273, -35.501, -35.494
Hunter-Lab	50.203, -15.883, -20.336
Binary	00110100, 10010100, 10110100

#3494b4
```
#3494b4 rgb(52,148,180)
```
#b45434
```
#b45434 rgb(180,84,52)
```

Complementary Color

#34b494
```
#34b494 rgb(52,180,148)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#3454b4
```
#3454b4 rgb(52,84,180)
```

Analogous Color

#b49434
```
#b49434 rgb(180,148,52)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#b43454
```
#b43454 rgb(180,52,84)
```

Split Complementary Color

#94b434
```
#94b434 rgb(148,180,52)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#b43494
```
#b43494 rgb(180,52,148)
```

Triadic Color

#34b454
```
#34b454 rgb(52,180,84)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#b43494
```
#b43494 rgb(180,52,148)
```
#b45434
```
#b45434 rgb(180,84,52)
```

Tetradic Color

#236379
```
#236379 rgb(35,99,121)
```
#29738c
```
#29738c rgb(41,115,140)
```
#2e84a0
```
#2e84a0 rgb(46,132,160)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#3ba4c6
```
#3ba4c6 rgb(59,164,198)
```
#4fadcc
```
#4fadcc rgb(79,173,204)
```
#63b6d2
```
#63b6d2 rgb(99,182,210)
```

Monochromatic Color

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

#34b4b4
```
#34b4b4 rgb(52,180,180)
```
#34a9b4
```
#34a9b4 rgb(52,169,180)
```
#349fb4
```
#349fb4 rgb(52,159,180)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#3489b4
```
#3489b4 rgb(52,137,180)
```
#347fb4
```
#347fb4 rgb(52,127,180)
```
#3474b4
```
#3474b4 rgb(52,116,180)
```

Similar Colors

Text with hexadecimal color #3494b4

This text has a font color of #3494b4.

<span style="color:#3494b4;">Text here</span>

#3494b4 background color

This paragraph has a background color of #3494b4.

<p style="background-color:#3494b4;">Content here</p>

#3494b4 border color

This element has a border color of #3494b4.

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

CSS codes

.text {color:#3494b4;}

.background {background-color:#3494b4;}

.border {border:1px solid #3494b4;}

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, #040a0d is the darkest color, while #fcfefe is the lightest one.

#040a0d
```
#040a0d rgb(4,10,13)
```
#08171c
```
#08171c rgb(8,23,28)
```
#0c232b
```
#0c232b rgb(12,35,43)
```
#11303a
```
#11303a rgb(17,48,58)
```
#153c49
```
#153c49 rgb(21,60,73)
```
#1a4959
```
#1a4959 rgb(26,73,89)
```
#1e5568
```
#1e5568 rgb(30,85,104)
```
#226277
```
#226277 rgb(34,98,119)
```
#276e86
```
#276e86 rgb(39,110,134)
```
#2b7b96
```
#2b7b96 rgb(43,123,150)
```
#3087a5
```
#3087a5 rgb(48,135,165)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#38a1c3
```
#38a1c3 rgb(56,161,195)
```

Shade Color Variation

#46a9c9
```
#46a9c9 rgb(70,169,201)
```
#55b0ce
```
#55b0ce rgb(85,176,206)
```
#64b7d2
```
#64b7d2 rgb(100,183,210)
```
#73bed7
```
#73bed7 rgb(115,190,215)
```
#83c5db
```
#83c5db rgb(131,197,219)
```
#92ccdf
```
#92ccdf rgb(146,204,223)
```
#a1d3e4
```
#a1d3e4 rgb(161,211,228)
```
#b0dae8
```
#b0dae8 rgb(176,218,232)
```
#bfe1ed
```
#bfe1ed rgb(191,225,237)
```
#cfe8f1
```
#cfe8f1 rgb(207,232,241)
```
#def0f5
```
#def0f5 rgb(222,240,245)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#6a797e
```
#6a797e rgb(106,121,126)
```
#617e87
```
#617e87 rgb(97,126,135)
```
#588290
```
#588290 rgb(88,130,144)
```
#4f8799
```
#4f8799 rgb(79,135,153)
```
#468ba2
```
#468ba2 rgb(70,139,162)
```
#3d90ab
```
#3d90ab rgb(61,144,171)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#2b98bd
```
#2b98bd rgb(43,152,189)
```
#229dc6
```
#229dc6 rgb(34,157,198)
```
#19a1cf
```
#19a1cf rgb(25,161,207)
```
#10a6d8
```
#10a6d8 rgb(16,166,216)
```
#07aae1
```
#07aae1 rgb(7,170,225)
```

Tone Color Variation

Below, you can see how #3494b4 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

#7b7b7b Achromatopsia 0.005% of the population
#6d8086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868eb0 Protanopia 1% of men
#828dbc Deuteranopia 1% of men
#309ca7 Tritanopia 0.001% of the population

Trichromacy

#6890b1 Protanomaly 1% of men, 0.01% of women
#6590b9 Deuteranomaly 6% of men, 0.4% of women
#3199ac Tritanomaly 0.01% of the population

#3494b4 hex color

#3494b4 Color Information

#3494b4 Color Conversion

Color Schemes with #3494b4

Alternatives to #3494b4

#3494b4 Preview

Shades and Tints of #3494b4

Tones of #3494b4

Color Blindness Simulator