#3496cc hex color

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

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

● #3496cc color description : Moderate blue.

The hexadecimal color #3496cc has RGB values of R:52, G:150, B:204 and CMYK values of C:0.75, M:0.26, Y:0, K:0.2. Its decimal value is 3446476.

Hex triplet	3496cc	`#3496cc`
RGB Decimal	52, 150, 204	`rgb(52,150,204)`
RGB Percent	20.4, 58.8, 80	`rgb(20.4%,58.8%,80%)`
CMYK	75, 26, 0, 20
HSL	201.3°, 59.8, 50.2	`hsl(201.3,59.8%,50.2%)`
HSV (or HSB)	201.3°, 74.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.882, -10.204, -35.85
XYZ	23.219, 26.9, 61.092
xyY	0.209, 0.242, 26.9
CIE-LCH	58.882, 37.274, 254.111
CIE-LUV	58.882, -34.894, -54.689
Hunter-Lab	51.866, -10.855, -33.531
Binary	00110100, 10010110, 11001100

#3496cc
```
#3496cc rgb(52,150,204)
```
#cc6a34
```
#cc6a34 rgb(204,106,52)
```

Complementary Color

#34ccb6
```
#34ccb6 rgb(52,204,182)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#344acc
```
#344acc rgb(52,74,204)
```

Analogous Color

#ccb634
```
#ccb634 rgb(204,182,52)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#cc344a
```
#cc344a rgb(204,52,74)
```

Split Complementary Color

#96cc34
```
#96cc34 rgb(150,204,52)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#cc3496
```
#cc3496 rgb(204,52,150)
```

Triadic Color

#34cc6a
```
#34cc6a rgb(52,204,106)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#cc3496
```
#cc3496 rgb(204,52,150)
```
#cc6a34
```
#cc6a34 rgb(204,106,52)
```

Tetradic Color

#24698f
```
#24698f rgb(36,105,143)
```
#2978a4
```
#2978a4 rgb(41,120,164)
```
#2e87b8
```
#2e87b8 rgb(46,135,184)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#48a1d1
```
#48a1d1 rgb(72,161,209)
```
#5dabd6
```
#5dabd6 rgb(93,171,214)
```
#71b6db
```
#71b6db rgb(113,182,219)
```

Monochromatic Color

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

#34bccc
```
#34bccc rgb(52,188,204)
```
#34afcc
```
#34afcc rgb(52,175,204)
```
#34a3cc
```
#34a3cc rgb(52,163,204)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#3489cc
```
#3489cc rgb(52,137,204)
```
#347dcc
```
#347dcc rgb(52,125,204)
```
#3470cc
```
#3470cc rgb(52,112,204)
```

Similar Colors

Text with hexadecimal color #3496cc

This text has a font color of #3496cc.

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

#3496cc background color

This paragraph has a background color of #3496cc.

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

#3496cc border color

This element has a border color of #3496cc.

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

CSS codes

.text {color:#3496cc;}

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

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

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)
```
#081820
```
#081820 rgb(8,24,32)
```
#0c2330
```
#0c2330 rgb(12,35,48)
```
#102f40
```
#102f40 rgb(16,47,64)
```
#143a4f
```
#143a4f rgb(20,58,79)
```
#18465f
```
#18465f rgb(24,70,95)
```
#1c516f
```
#1c516f rgb(28,81,111)
```
#205d7e
```
#205d7e rgb(32,93,126)
```
#24688e
```
#24688e rgb(36,104,142)
```
#28749e
```
#28749e rgb(40,116,158)
```
#2c7fad
```
#2c7fad rgb(44,127,173)
```
#2f8bbd
```
#2f8bbd rgb(47,139,189)
```

Shade Color Variation

#3496cc
```
#3496cc rgb(52,150,204)
```
#449ed0
```
#449ed0 rgb(68,158,208)
```
#53a6d4
```
#53a6d4 rgb(83,166,212)
```
#63aed8
```
#63aed8 rgb(99,174,216)
```
#73b6dc
```
#73b6dc rgb(115,182,220)
```
#82bfe0
```
#82bfe0 rgb(130,191,224)
```
#92c7e4
```
#92c7e4 rgb(146,199,228)
```
#a2cfe8
```
#a2cfe8 rgb(162,207,232)
```
#b1d7ec
```
#b1d7ec rgb(177,215,236)
```
#c1dfef
```
#c1dfef rgb(193,223,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 #03a4fd is the most saturated one.

#788288
```
#788288 rgb(120,130,136)
```
#6f8591
```
#6f8591 rgb(111,133,145)
```
#65889b
```
#65889b rgb(101,136,155)
```
#5b8ba5
```
#5b8ba5 rgb(91,139,165)
```
#518eaf
```
#518eaf rgb(81,142,175)
```
#4890b8
```
#4890b8 rgb(72,144,184)
```
#3e93c2
```
#3e93c2 rgb(62,147,194)
```
#3496cc
```
#3496cc rgb(52,150,204)
```
#2a99d6
```
#2a99d6 rgb(42,153,214)
```
#209ce0
```
#209ce0 rgb(32,156,224)
```
#179ee9
```
#179ee9 rgb(23,158,233)
```
#0da1f3
```
#0da1f3 rgb(13,161,243)
```
#03a4fd
```
#03a4fd rgb(3,164,253)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#70848e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8191c7 Protanopia 1% of men
#7692d2 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#6593c9 Protanomaly 1% of men, 0.01% of women
#5e93cf Deuteranomaly 6% of men, 0.4% of women
#129db8 Tritanomaly 0.01% of the population

#3496cc hex color

#3496cc Color Information

#3496cc Color Conversion

Color Schemes with #3496cc

Alternatives to #3496cc

#3496cc Preview

Shades and Tints of #3496cc

Tones of #3496cc

Color Blindness Simulator