#3196dd hex color

In a RGB color space, hex #3196dd is composed of 19.2% red, 58.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 32.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 204.8 degrees, a saturation of 71.7% and a lightness of 52.9%. #3196dd color hex could be obtained by blending #62ffff with #002dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 59
- B 87
RGB color chart
- C 78
- M 32
- Y 0
- K 13
CMYK color chart

● #3196dd color description : Bright blue.

The hexadecimal color #3196dd has RGB values of R:49, G:150, B:221 and CMYK values of C:0.78, M:0.32, Y:0, K:0.13. Its decimal value is 3249885.

Hex triplet	3196dd	`#3196dd`
RGB Decimal	49, 150, 221	`rgb(49,150,221)`
RGB Percent	19.2, 58.8, 86.7	`rgb(19.2%,58.8%,86.7%)`
CMYK	78, 32, 0, 13
HSL	204.8°, 71.7, 52.9	`hsl(204.8,71.7%,52.9%)`
HSV (or HSB)	204.8°, 77.8, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.602, -4.571, -44.23
XYZ	25.221, 27.684, 72.417
xyY	0.201, 0.221, 27.684
CIE-LCH	59.602, 44.465, 264.099
CIE-LUV	59.602, -34.448, -69.367
Hunter-Lab	52.616, -6.514, -44.772
Binary	00110001, 10010110, 11011101

#3196dd
```
#3196dd rgb(49,150,221)
```
#dd7831
```
#dd7831 rgb(221,120,49)
```

Complementary Color

#31ddce
```
#31ddce rgb(49,221,206)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#3140dd
```
#3140dd rgb(49,64,221)
```

Analogous Color

#ddce31
```
#ddce31 rgb(221,206,49)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#dd3140
```
#dd3140 rgb(221,49,64)
```

Split Complementary Color

#96dd31
```
#96dd31 rgb(150,221,49)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#dd3196
```
#dd3196 rgb(221,49,150)
```

Triadic Color

#31dd78
```
#31dd78 rgb(49,221,120)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#dd3196
```
#dd3196 rgb(221,49,150)
```
#dd7831
```
#dd7831 rgb(221,120,49)
```

Tetradic Color

#1b6da6
```
#1b6da6 rgb(27,109,166)
```
#1f7bbc
```
#1f7bbc rgb(31,123,188)
```
#238ad2
```
#238ad2 rgb(35,138,210)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#47a1e1
```
#47a1e1 rgb(71,161,225)
```
#5dace4
```
#5dace4 rgb(93,172,228)
```
#73b7e8
```
#73b7e8 rgb(115,183,232)
```

Monochromatic Color

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

#31c1dd
```
#31c1dd rgb(49,193,221)
```
#31b3dd
```
#31b3dd rgb(49,179,221)
```
#31a4dd
```
#31a4dd rgb(49,164,221)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#3188dd
```
#3188dd rgb(49,136,221)
```
#3179dd
```
#3179dd rgb(49,121,221)
```
#316bdd
```
#316bdd rgb(49,107,221)
```

Similar Colors

Text with hexadecimal color #3196dd

This text has a font color of #3196dd.

<span style="color:#3196dd;">Text here</span>

#3196dd background color

This paragraph has a background color of #3196dd.

<p style="background-color:#3196dd;">Content here</p>

#3196dd border color

This element has a border color of #3196dd.

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

CSS codes

.text {color:#3196dd;}

.background {background-color:#3196dd;}

.border {border:1px solid #3196dd;}

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#05131e
```
#05131e rgb(5,19,30)
```
#081f2f
```
#081f2f rgb(8,31,47)
```
#0a2a3f
```
#0a2a3f rgb(10,42,63)
```
#0d3550
```
#0d3550 rgb(13,53,80)
```
#104061
```
#104061 rgb(16,64,97)
```
#134b72
```
#134b72 rgb(19,75,114)
```
#165683
```
#165683 rgb(22,86,131)
```
#186194
```
#186194 rgb(24,97,148)
```
#1b6ca4
```
#1b6ca4 rgb(27,108,164)
```
#1e77b5
```
#1e77b5 rgb(30,119,181)
```
#2182c6
```
#2182c6 rgb(33,130,198)
```
#238dd7
```
#238dd7 rgb(35,141,215)
```

Shade Color Variation

#3196dd
```
#3196dd rgb(49,150,221)
```
#429fe0
```
#429fe0 rgb(66,159,224)
```
#53a7e3
```
#53a7e3 rgb(83,167,227)
```
#64b0e5
```
#64b0e5 rgb(100,176,229)
```
#74b8e8
```
#74b8e8 rgb(116,184,232)
```
#85c1eb
```
#85c1eb rgb(133,193,235)
```
#96c9ee
```
#96c9ee rgb(150,201,238)
```
#a7d2f0
```
#a7d2f0 rgb(167,210,240)
```
#b8dbf3
```
#b8dbf3 rgb(184,219,243)
```
#c9e3f6
```
#c9e3f6 rgb(201,227,246)
```
#d9ecf9
```
#d9ecf9 rgb(217,236,249)
```
#eaf4fc
```
#eaf4fc rgb(234,244,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84888a is the less saturated color, while #159bf9 is the most saturated one.

#84888a
```
#84888a rgb(132,136,138)
```
#7b8993
```
#7b8993 rgb(123,137,147)
```
#728b9c
```
#728b9c rgb(114,139,156)
```
#688ca6
```
#688ca6 rgb(104,140,166)
```
#5f8eaf
```
#5f8eaf rgb(95,142,175)
```
#5690b8
```
#5690b8 rgb(86,144,184)
```
#4d91c1
```
#4d91c1 rgb(77,145,193)
```
#4393cb
```
#4393cb rgb(67,147,203)
```
#3a94d4
```
#3a94d4 rgb(58,148,212)
```
#3196dd
```
#3196dd rgb(49,150,221)
```
#2898e6
```
#2898e6 rgb(40,152,230)
```
#1f99ef
```
#1f99ef rgb(31,153,239)
```
#159bf9
```
#159bf9 rgb(21,155,249)
```

Tone Color Variation

Below, you can see how #3196dd 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

#808080 Achromatopsia 0.005% of the population
#708493 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b93d8 Protanopia 1% of men
#6895e1 Deuteranopia 1% of men
#00a3af Tritanopia 0.001% of the population

Trichromacy

#6094da Protanomaly 1% of men, 0.01% of women
#5495df Deuteranomaly 6% of men, 0.4% of women
#119ebf Tritanomaly 0.01% of the population

#3196dd hex color

#3196dd Color Information

#3196dd Color Conversion

Color Schemes with #3196dd

Alternatives to #3196dd

#3196dd Preview

Shades and Tints of #3196dd

Tones of #3196dd

Color Blindness Simulator