#3494cc hex color

In a RGB color space, hex #3494cc is composed of 20.4% red, 58% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 27.5% magenta, 0% yellow and 20% black. It has a hue angle of 202.1 degrees, a saturation of 59.8% and a lightness of 50.2%. #3494cc color hex could be obtained by blending #68ffff with #002999. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 58
- B 80
RGB color chart
- C 75
- M 27
- Y 0
- K 20
CMYK color chart

● #3494cc color description : Moderate blue.

The hexadecimal color #3494cc has RGB values of R:52, G:148, B:204 and CMYK values of C:0.75, M:0.27, Y:0, K:0.2. Its decimal value is 3445964.

Hex triplet	3494cc	`#3494cc`
RGB Decimal	52, 148, 204	`rgb(52,148,204)`
RGB Percent	20.4, 58, 80	`rgb(20.4%,58%,80%)`
CMYK	75, 27, 0, 20
HSL	202.1°, 59.8, 50.2	`hsl(202.1,59.8%,50.2%)`
HSV (or HSB)	202.1°, 74.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.29, -9.08, -36.776
XYZ	22.902, 26.268, 60.987
xyY	0.208, 0.238, 26.268
CIE-LCH	58.29, 37.88, 256.132
CIE-LUV	58.29, -34.195, -56.258
Hunter-Lab	51.252, -9.926, -34.675
Binary	00110100, 10010100, 11001100

#3494cc
```
#3494cc rgb(52,148,204)
```
#cc6c34
```
#cc6c34 rgb(204,108,52)
```

Complementary Color

#34ccb8
```
#34ccb8 rgb(52,204,184)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#3448cc
```
#3448cc rgb(52,72,204)
```

Analogous Color

#ccb834
```
#ccb834 rgb(204,184,52)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#cc3448
```
#cc3448 rgb(204,52,72)
```

Split Complementary Color

#94cc34
```
#94cc34 rgb(148,204,52)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#cc3494
```
#cc3494 rgb(204,52,148)
```

Triadic Color

#34cc6c
```
#34cc6c rgb(52,204,108)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#cc3494
```
#cc3494 rgb(204,52,148)
```
#cc6c34
```
#cc6c34 rgb(204,108,52)
```

Tetradic Color

#24688f
```
#24688f rgb(36,104,143)
```
#2977a4
```
#2977a4 rgb(41,119,164)
```
#2e85b8
```
#2e85b8 rgb(46,133,184)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#489fd1
```
#489fd1 rgb(72,159,209)
```
#5da9d6
```
#5da9d6 rgb(93,169,214)
```
#71b4db
```
#71b4db rgb(113,180,219)
```

Monochromatic Color

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

#34bacc
```
#34bacc rgb(52,186,204)
```
#34adcc
```
#34adcc rgb(52,173,204)
```
#34a1cc
```
#34a1cc rgb(52,161,204)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#3487cc
```
#3487cc rgb(52,135,204)
```
#347bcc
```
#347bcc rgb(52,123,204)
```
#346ecc
```
#346ecc rgb(52,110,204)
```

Similar Colors

Text with hexadecimal color #3494cc

This text has a font color of #3494cc.

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

#3494cc background color

This paragraph has a background color of #3494cc.

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

#3494cc border color

This element has a border color of #3494cc.

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

CSS codes

.text {color:#3494cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081720
```
#081720 rgb(8,23,32)
```
#0c2330
```
#0c2330 rgb(12,35,48)
```
#102e40
```
#102e40 rgb(16,46,64)
```
#14394f
```
#14394f rgb(20,57,79)
```
#18455f
```
#18455f rgb(24,69,95)
```
#1c506f
```
#1c506f rgb(28,80,111)
```
#205b7e
```
#205b7e rgb(32,91,126)
```
#24678e
```
#24678e rgb(36,103,142)
```
#28729e
```
#28729e rgb(40,114,158)
```
#2c7dad
```
#2c7dad rgb(44,125,173)
```
#2f89bd
```
#2f89bd rgb(47,137,189)
```

Shade Color Variation

#3494cc
```
#3494cc rgb(52,148,204)
```
#449cd0
```
#449cd0 rgb(68,156,208)
```
#53a5d4
```
#53a5d4 rgb(83,165,212)
```
#63add8
```
#63add8 rgb(99,173,216)
```
#73b5dc
```
#73b5dc rgb(115,181,220)
```
#82bde0
```
#82bde0 rgb(130,189,224)
```
#92c6e4
```
#92c6e4 rgb(146,198,228)
```
#a2cee8
```
#a2cee8 rgb(162,206,232)
```
#b1d6ec
```
#b1d6ec rgb(177,214,236)
```
#c1deef
```
#c1deef rgb(193,222,239)
```
#d1e7f3
```
#d1e7f3 rgb(209,231,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#788288
```
#788288 rgb(120,130,136)
```
#6f8591
```
#6f8591 rgb(111,133,145)
```
#65879b
```
#65879b rgb(101,135,155)
```
#5b8aa5
```
#5b8aa5 rgb(91,138,165)
```
#518caf
```
#518caf rgb(81,140,175)
```
#488fb8
```
#488fb8 rgb(72,143,184)
```
#3e91c2
```
#3e91c2 rgb(62,145,194)
```
#3494cc
```
#3494cc rgb(52,148,204)
```
#2a97d6
```
#2a97d6 rgb(42,151,214)
```
#2099e0
```
#2099e0 rgb(32,153,224)
```
#179ce9
```
#179ce9 rgb(23,156,233)
```
#0d9ef3
```
#0d9ef3 rgb(13,158,243)
```
#03a1fd
```
#03a1fd rgb(3,161,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f90c7 Protanopia 1% of men
#7391d1 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#6491c9 Protanomaly 1% of men, 0.01% of women
#5c92cf Deuteranomaly 6% of men, 0.4% of women
#129bb7 Tritanomaly 0.01% of the population

#3494cc hex color

#3494cc Color Information

#3494cc Color Conversion

Color Schemes with #3494cc

Alternatives to #3494cc

#3494cc Preview

Shades and Tints of #3494cc

Tones of #3494cc

Color Blindness Simulator