#3196cb hex color

In a RGB color space, hex #3196cb is composed of 19.2% red, 58.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 26.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 200.6 degrees, a saturation of 61.1% and a lightness of 49.4%. #3196cb color hex could be obtained by blending #62ffff with #002d97. Closest websafe color is: #3399cc.

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

● #3196cb color description : Strong blue.

The hexadecimal color #3196cb has RGB values of R:49, G:150, B:203 and CMYK values of C:0.76, M:0.26, Y:0, K:0.2. Its decimal value is 3249867.

Hex triplet	3196cb	`#3196cb`
RGB Decimal	49, 150, 203	`rgb(49,150,203)`
RGB Percent	19.2, 58.8, 79.6	`rgb(19.2%,58.8%,79.6%)`
CMYK	76, 26, 0, 20
HSL	200.6°, 61.1, 49.4	`hsl(200.6,61.1%,49.4%)`
HSV (or HSB)	200.6°, 75.9, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.766, -10.916, -35.475
XYZ	22.95, 26.775, 60.455
xyY	0.208, 0.243, 26.775
CIE-LCH	58.766, 37.117, 252.896
CIE-LUV	58.766, -35.404, -53.971
Hunter-Lab	51.745, -11.386, -33.049
Binary	00110001, 10010110, 11001011

#3196cb
```
#3196cb rgb(49,150,203)
```
#cb6631
```
#cb6631 rgb(203,102,49)
```

Complementary Color

#31cbb3
```
#31cbb3 rgb(49,203,179)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#3149cb
```
#3149cb rgb(49,73,203)
```

Analogous Color

#cbb331
```
#cbb331 rgb(203,179,49)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#cb3149
```
#cb3149 rgb(203,49,73)
```

Split Complementary Color

#96cb31
```
#96cb31 rgb(150,203,49)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#cb3196
```
#cb3196 rgb(203,49,150)
```

Triadic Color

#31cb66
```
#31cb66 rgb(49,203,102)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#cb3196
```
#cb3196 rgb(203,49,150)
```
#cb6631
```
#cb6631 rgb(203,102,49)
```

Tetradic Color

#22688d
```
#22688d rgb(34,104,141)
```
#2778a2
```
#2778a2 rgb(39,120,162)
```
#2c87b6
```
#2c87b6 rgb(44,135,182)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#44a1d2
```
#44a1d2 rgb(68,161,210)
```
#58abd7
```
#58abd7 rgb(88,171,215)
```
#6db6dc
```
#6db6dc rgb(109,182,220)
```

Monochromatic Color

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

#31bdcb
```
#31bdcb rgb(49,189,203)
```
#31b0cb
```
#31b0cb rgb(49,176,203)
```
#31a3cb
```
#31a3cb rgb(49,163,203)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#3189cb
```
#3189cb rgb(49,137,203)
```
#317ccb
```
#317ccb rgb(49,124,203)
```
#3170cb
```
#3170cb rgb(49,112,203)
```

Similar Colors

Text with hexadecimal color #3196cb

This text has a font color of #3196cb.

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

#3196cb background color

This paragraph has a background color of #3196cb.

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

#3196cb border color

This element has a border color of #3196cb.

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

CSS codes

.text {color:#3196cb;}

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

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

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

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161d
```
#07161d rgb(7,22,29)
```
#0b212d
```
#0b212d rgb(11,33,45)
```
#0f2d3d
```
#0f2d3d rgb(15,45,61)
```
#12394d
```
#12394d rgb(18,57,77)
```
#16445c
```
#16445c rgb(22,68,92)
```
#1a506c
```
#1a506c rgb(26,80,108)
```
#1e5c7c
```
#1e5c7c rgb(30,92,124)
```
#22678c
```
#22678c rgb(34,103,140)
```
#26739c
```
#26739c rgb(38,115,156)
```
#297fab
```
#297fab rgb(41,127,171)
```
#2d8abb
```
#2d8abb rgb(45,138,187)
```
#3196cb
```
#3196cb rgb(49,150,203)
```

Shade Color Variation

#3f9fd1
```
#3f9fd1 rgb(63,159,209)
```
#4fa6d4
```
#4fa6d4 rgb(79,166,212)
```
#5faed8
```
#5faed8 rgb(95,174,216)
```
#6eb6dc
```
#6eb6dc rgb(110,182,220)
```
#7ebee0
```
#7ebee0 rgb(126,190,224)
```
#8ec6e4
```
#8ec6e4 rgb(142,198,228)
```
#9ecee8
```
#9ecee8 rgb(158,206,232)
```
#aed6eb
```
#aed6eb rgb(174,214,235)
```
#bddeef
```
#bddeef rgb(189,222,239)
```
#cde6f3
```
#cde6f3 rgb(205,230,243)
```
#ddeef7
```
#ddeef7 rgb(221,238,247)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#758187
```
#758187 rgb(117,129,135)
```
#6b8491
```
#6b8491 rgb(107,132,145)
```
#61879b
```
#61879b rgb(97,135,155)
```
#588aa4
```
#588aa4 rgb(88,138,164)
```
#4e8dae
```
#4e8dae rgb(78,141,174)
```
#4490b8
```
#4490b8 rgb(68,144,184)
```
#3b93c1
```
#3b93c1 rgb(59,147,193)
```
#3196cb
```
#3196cb rgb(49,150,203)
```
#2799d5
```
#2799d5 rgb(39,153,213)
```
#1e9cde
```
#1e9cde rgb(30,156,222)
```
#149fe8
```
#149fe8 rgb(20,159,232)
```
#0aa2f2
```
#0aa2f2 rgb(10,162,242)
```
#01a5fb
```
#01a5fb rgb(1,165,251)
```

Tone Color Variation

Below, you can see how #3196cb 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
#6f838d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8291c6 Protanopia 1% of men
#7692d1 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#6493c8 Protanomaly 1% of men, 0.01% of women
#5d93cf Deuteranomaly 6% of men, 0.4% of women
#119db8 Tritanomaly 0.01% of the population

#3196cb hex color

#3196cb Color Information

#3196cb Color Conversion

Color Schemes with #3196cb

Alternatives to #3196cb

#3196cb Preview

Shades and Tints of #3196cb

Tones of #3196cb

Color Blindness Simulator