#3164bc hex color

In a RGB color space, hex #3164bc is composed of 19.2% red, 39.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 46.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 218 degrees, a saturation of 58.6% and a lightness of 46.5%. #3164bc color hex could be obtained by blending #62c8ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 39
- B 74
RGB color chart
- C 74
- M 47
- Y 0
- K 26
CMYK color chart

● #3164bc color description : Moderate blue.

The hexadecimal color #3164bc has RGB values of R:49, G:100, B:188 and CMYK values of C:0.74, M:0.47, Y:0, K:0.26. Its decimal value is 3237052.

Hex triplet	3164bc	`#3164bc`
RGB Decimal	49, 100, 188	`rgb(49,100,188)`
RGB Percent	19.2, 39.2, 73.7	`rgb(19.2%,39.2%,73.7%)`
CMYK	74, 47, 0, 26
HSL	218°, 58.6, 46.5	`hsl(218,58.6%,46.5%)`
HSV (or HSB)	218°, 73.9, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.356, 13.75, -51.317
XYZ	14.899, 13.397, 49.375
xyY	0.192, 0.172, 13.397
CIE-LCH	43.356, 53.128, 285
CIE-LUV	43.356, -19.223, -77.257
Hunter-Lab	36.602, 8.605, -54.359
Binary	00110001, 01100100, 10111100

#3164bc
```
#3164bc rgb(49,100,188)
```
#bc8931
```
#bc8931 rgb(188,137,49)
```

Complementary Color

#31aabc
```
#31aabc rgb(49,170,188)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#4331bc
```
#4331bc rgb(67,49,188)
```

Analogous Color

#aabc31
```
#aabc31 rgb(170,188,49)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#bc4431
```
#bc4431 rgb(188,68,49)
```

Split Complementary Color

#64bc31
```
#64bc31 rgb(100,188,49)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#bc3164
```
#bc3164 rgb(188,49,100)
```

Triadic Color

#31bc89
```
#31bc89 rgb(49,188,137)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#bc3164
```
#bc3164 rgb(188,49,100)
```
#bc8931
```
#bc8931 rgb(188,137,49)
```

Tetradic Color

#21447f
```
#21447f rgb(33,68,127)
```
#264e94
```
#264e94 rgb(38,78,148)
```
#2c59a8
```
#2c59a8 rgb(44,89,168)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#3b70cc
```
#3b70cc rgb(59,112,204)
```
#4f7fd1
```
#4f7fd1 rgb(79,127,209)
```
#638dd6
```
#638dd6 rgb(99,141,214)
```

Monochromatic Color

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

#3187bc
```
#3187bc rgb(49,135,188)
```
#317bbc
```
#317bbc rgb(49,123,188)
```
#3170bc
```
#3170bc rgb(49,112,188)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#3158bc
```
#3158bc rgb(49,88,188)
```
#314dbc
```
#314dbc rgb(49,77,188)
```
#3141bc
```
#3141bc rgb(49,65,188)
```

Similar Colors

Text with hexadecimal color #3164bc

This text has a font color of #3164bc.

<span style="color:#3164bc;">Text here</span>

#3164bc background color

This paragraph has a background color of #3164bc.

<p style="background-color:#3164bc;">Content here</p>

#3164bc border color

This element has a border color of #3164bc.

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

CSS codes

.text {color:#3164bc;}

.background {background-color:#3164bc;}

.border {border:1px solid #3164bc;}

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 #f1f5fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040911
```
#040911 rgb(4,9,17)
```
#081120
```
#081120 rgb(8,17,32)
```
#0d1a30
```
#0d1a30 rgb(13,26,48)
```
#112240
```
#112240 rgb(17,34,64)
```
#152a4f
```
#152a4f rgb(21,42,79)
```
#19325f
```
#19325f rgb(25,50,95)
```
#1d3b6e
```
#1d3b6e rgb(29,59,110)
```
#21437e
```
#21437e rgb(33,67,126)
```
#254b8d
```
#254b8d rgb(37,75,141)
```
#29539d
```
#29539d rgb(41,83,157)
```
#2d5cac
```
#2d5cac rgb(45,92,172)
```
#3164bc
```
#3164bc rgb(49,100,188)
```

Shade Color Variation

#366dcb
```
#366dcb rgb(54,109,203)
```
#4678cf
```
#4678cf rgb(70,120,207)
```
#5583d3
```
#5583d3 rgb(85,131,211)
```
#658fd7
```
#658fd7 rgb(101,143,215)
```
#749adb
```
#749adb rgb(116,154,219)
```
#84a5df
```
#84a5df rgb(132,165,223)
```
#93b1e3
```
#93b1e3 rgb(147,177,227)
```
#a3bce7
```
#a3bce7 rgb(163,188,231)
```
#b2c7eb
```
#b2c7eb rgb(178,199,235)
```
#c2d3ef
```
#c2d3ef rgb(194,211,239)
```
#d2def3
```
#d2def3 rgb(210,222,243)
```
#e1e9f7
```
#e1e9f7 rgb(225,233,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757c is the less saturated color, while #0358ea is the most saturated one.

#71757c
```
#71757c rgb(113,117,124)
```
#687385
```
#687385 rgb(104,115,133)
```
#5f708e
```
#5f708e rgb(95,112,142)
```
#556e98
```
#556e98 rgb(85,110,152)
```
#4c6ba1
```
#4c6ba1 rgb(76,107,161)
```
#4369aa
```
#4369aa rgb(67,105,170)
```
#3a66b3
```
#3a66b3 rgb(58,102,179)
```
#3164bc
```
#3164bc rgb(49,100,188)
```
#2862c5
```
#2862c5 rgb(40,98,197)
```
#1f5fce
```
#1f5fce rgb(31,95,206)
```
#165dd7
```
#165dd7 rgb(22,93,215)
```
#0d5ae0
```
#0d5ae0 rgb(13,90,224)
```
#0358ea
```
#0358ea rgb(3,88,234)
```

Tone Color Variation

Below, you can see how #3164bc 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

#5f5f5f Achromatopsia 0.005% of the population
#566072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6bbf Protanopia 1% of men
#0070ba Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#3a68bd Protanomaly 1% of men, 0.01% of women
#116bbb Deuteranomaly 6% of men, 0.4% of women
#117196 Tritanomaly 0.01% of the population

#3164bc hex color

#3164bc Color Information

#3164bc Color Conversion

Color Schemes with #3164bc

Alternatives to #3164bc

#3164bc Preview

Shades and Tints of #3164bc

Tones of #3164bc

Color Blindness Simulator