#3194b5 hex color

In a RGB color space, hex #3194b5 is composed of 19.2% red, 58% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 18.2% magenta, 0% yellow and 29% black. It has a hue angle of 195 degrees, a saturation of 57.4% and a lightness of 45.1%. #3194b5 color hex could be obtained by blending #62ffff with #00296b. Closest websafe color is: #3399cc.

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

● #3194b5 color description : Moderate cyan.

The hexadecimal color #3194b5 has RGB values of R:49, G:148, B:181 and CMYK values of C:0.73, M:0.18, Y:0, K:0.29. Its decimal value is 3249333.

Hex triplet	3194b5	`#3194b5`
RGB Decimal	49, 148, 181	`rgb(49,148,181)`
RGB Percent	19.2, 58, 71	`rgb(19.2%,58%,71%)`
CMYK	73, 18, 0, 29
HSL	195°, 57.4, 45.1	`hsl(195,57.4%,45.1%)`
HSV (or HSB)	195°, 72.9, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.238, -17.323, -25.419
XYZ	20.195, 25.167, 47.507
xyY	0.217, 0.271, 25.167
CIE-LCH	57.238, 30.761, 235.725
CIE-LUV	57.238, -35.948, -36.503
Hunter-Lab	50.167, -15.937, -21.029
Binary	00110001, 10010100, 10110101

#3194b5
```
#3194b5 rgb(49,148,181)
```
#b55231
```
#b55231 rgb(181,82,49)
```

Complementary Color

#31b594
```
#31b594 rgb(49,181,148)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#3152b5
```
#3152b5 rgb(49,82,181)
```

Analogous Color

#b59431
```
#b59431 rgb(181,148,49)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#b53152
```
#b53152 rgb(181,49,82)
```

Split Complementary Color

#94b531
```
#94b531 rgb(148,181,49)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#b53194
```
#b53194 rgb(181,49,148)
```

Triadic Color

#31b552
```
#31b552 rgb(49,181,82)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#b53194
```
#b53194 rgb(181,49,148)
```
#b55231
```
#b55231 rgb(181,82,49)
```

Tetradic Color

#216379
```
#216379 rgb(33,99,121)
```
#26738d
```
#26738d rgb(38,115,141)
```
#2c84a1
```
#2c84a1 rgb(44,132,161)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#37a4c9
```
#37a4c9 rgb(55,164,201)
```
#4badce
```
#4badce rgb(75,173,206)
```
#5fb6d4
```
#5fb6d4 rgb(95,182,212)
```

Monochromatic Color

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

#31b5b5
```
#31b5b5 rgb(49,181,181)
```
#31aab5
```
#31aab5 rgb(49,170,181)
```
#319fb5
```
#319fb5 rgb(49,159,181)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#3189b5
```
#3189b5 rgb(49,137,181)
```
#317eb5
```
#317eb5 rgb(49,126,181)
```
#3173b5
```
#3173b5 rgb(49,115,181)
```

Similar Colors

Text with hexadecimal color #3194b5

This text has a font color of #3194b5.

<span style="color:#3194b5;">Text here</span>

#3194b5 background color

This paragraph has a background color of #3194b5.

<p style="background-color:#3194b5;">Content here</p>

#3194b5 border color

This element has a border color of #3194b5.

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

CSS codes

.text {color:#3194b5;}

.background {background-color:#3194b5;}

.border {border:1px solid #3194b5;}

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

#03090b
```
#03090b rgb(3,9,11)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0b222a
```
#0b222a rgb(11,34,42)
```
#102f3a
```
#102f3a rgb(16,47,58)
```
#143c49
```
#143c49 rgb(20,60,73)
```
#184858
```
#184858 rgb(24,72,88)
```
#1c5568
```
#1c5568 rgb(28,85,104)
```
#206277
```
#206277 rgb(32,98,119)
```
#246e87
```
#246e87 rgb(36,110,135)
```
#297b96
```
#297b96 rgb(41,123,150)
```
#2d87a6
```
#2d87a6 rgb(45,135,166)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#35a1c4
```
#35a1c4 rgb(53,161,196)
```

Shade Color Variation

#42a9cc
```
#42a9cc rgb(66,169,204)
```
#51b0d0
```
#51b0d0 rgb(81,176,208)
```
#60b7d4
```
#60b7d4 rgb(96,183,212)
```
#70bed8
```
#70bed8 rgb(112,190,216)
```
#7fc5dc
```
#7fc5dc rgb(127,197,220)
```
#8fcce1
```
#8fcce1 rgb(143,204,225)
```
#9ed3e5
```
#9ed3e5 rgb(158,211,229)
```
#aedae9
```
#aedae9 rgb(174,218,233)
```
#bde1ed
```
#bde1ed rgb(189,225,237)
```
#cce8f1
```
#cce8f1 rgb(204,232,241)
```
#dceff5
```
#dceff5 rgb(220,239,245)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6f7577
```
#6f7577 rgb(111,117,119)
```
#667980
```
#667980 rgb(102,121,128)
```
#5d7e89
```
#5d7e89 rgb(93,126,137)
```
#548292
```
#548292 rgb(84,130,146)
```
#4c879a
```
#4c879a rgb(76,135,154)
```
#438ba3
```
#438ba3 rgb(67,139,163)
```
#3a90ac
```
#3a90ac rgb(58,144,172)
```
#3194b5
```
#3194b5 rgb(49,148,181)
```
#2898be
```
#2898be rgb(40,152,190)
```
#1f9dc7
```
#1f9dc7 rgb(31,157,199)
```
#16a1d0
```
#16a1d0 rgb(22,161,208)
```
#0ea6d8
```
#0ea6d8 rgb(14,166,216)
```
#05aae1
```
#05aae1 rgb(5,170,225)
```

Tone Color Variation

Below, you can see how #3194b5 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

#7a7a7a Achromatopsia 0.005% of the population
#6b7f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868eb1 Protanopia 1% of men
#818dbd Deuteranopia 1% of men
#2b9ca8 Tritanopia 0.001% of the population

Trichromacy

#6790b2 Protanomaly 1% of men, 0.01% of women
#6390ba Deuteranomaly 6% of men, 0.4% of women
#2d99ac Tritanomaly 0.01% of the population

#3194b5 hex color

#3194b5 Color Information

#3194b5 Color Conversion

Color Schemes with #3194b5

Alternatives to #3194b5

#3194b5 Preview

Shades and Tints of #3194b5

Tones of #3194b5

Color Blindness Simulator