#3164ef hex color

In a RGB color space, hex #3164ef is composed of 19.2% red, 39.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 58.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.9 degrees, a saturation of 85.6% and a lightness of 56.5%. #3164ef color hex could be obtained by blending #62c8ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 39
- B 94
RGB color chart
- C 79
- M 58
- Y 0
- K 6
CMYK color chart

● #3164ef color description : Bright blue.

The hexadecimal color #3164ef has RGB values of R:49, G:100, B:239 and CMYK values of C:0.79, M:0.58, Y:0, K:0.06. Its decimal value is 3237103.

Hex triplet	3164ef	`#3164ef`
RGB Decimal	49, 100, 239	`rgb(49,100,239)`
RGB Percent	19.2, 39.2, 93.7	`rgb(19.2%,39.2%,93.7%)`
CMYK	79, 58, 0, 6
HSL	223.9°, 85.6, 56.5	`hsl(223.9,85.6%,56.5%)`
HSV (or HSB)	223.9°, 79.5, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.971, 32.752, -74.579
XYZ	21.4, 15.998, 83.617
xyY	0.177, 0.132, 15.998
CIE-LCH	46.971, 81.454, 293.709
CIE-LUV	46.971, -18.758, -114.337
Hunter-Lab	39.997, 25.512, -95.952
Binary	00110001, 01100100, 11101111

#3164ef
```
#3164ef rgb(49,100,239)
```
#efbc31
```
#efbc31 rgb(239,188,49)
```

Complementary Color

#31c3ef
```
#31c3ef rgb(49,195,239)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#5d31ef
```
#5d31ef rgb(93,49,239)
```

Analogous Color

#c3ef31
```
#c3ef31 rgb(195,239,49)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#ef5d31
```
#ef5d31 rgb(239,93,49)
```

Split Complementary Color

#64ef31
```
#64ef31 rgb(100,239,49)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#ef3164
```
#ef3164 rgb(239,49,100)
```

Triadic Color

#31efbc
```
#31efbc rgb(49,239,188)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#ef3164
```
#ef3164 rgb(239,49,100)
```
#efbc31
```
#efbc31 rgb(239,188,49)
```

Tetradic Color

#0f40c4
```
#0f40c4 rgb(15,64,196)
```
#1148dc
```
#1148dc rgb(17,72,220)
```
#1952ed
```
#1952ed rgb(25,82,237)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#4976f1
```
#4976f1 rgb(73,118,241)
```
#6088f3
```
#6088f3 rgb(96,136,243)
```
#7899f5
```
#7899f5 rgb(120,153,245)
```

Monochromatic Color

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

#3194ef
```
#3194ef rgb(49,148,239)
```
#3184ef
```
#3184ef rgb(49,132,239)
```
#3174ef
```
#3174ef rgb(49,116,239)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#3154ef
```
#3154ef rgb(49,84,239)
```
#3144ef
```
#3144ef rgb(49,68,239)
```
#3134ef
```
#3134ef rgb(49,52,239)
```

Similar Colors

Text with hexadecimal color #3164ef

This text has a font color of #3164ef.

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

#3164ef background color

This paragraph has a background color of #3164ef.

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

#3164ef border color

This element has a border color of #3164ef.

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

CSS codes

.text {color:#3164ef;}

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

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

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, #01040c is the darkest color, while #f9fbff is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#020a1f
```
#020a1f rgb(2,10,31)
```
#041031
```
#041031 rgb(4,16,49)
```
#051643
```
#051643 rgb(5,22,67)
```
#071c55
```
#071c55 rgb(7,28,85)
```
#082267
```
#082267 rgb(8,34,103)
```
#09287a
```
#09287a rgb(9,40,122)
```
#0b2d8c
```
#0b2d8c rgb(11,45,140)
```
#0c339e
```
#0c339e rgb(12,51,158)
```
#0e39b0
```
#0e39b0 rgb(14,57,176)
```
#0f3fc2
```
#0f3fc2 rgb(15,63,194)
```
#1145d5
```
#1145d5 rgb(17,69,213)
```
#124be7
```
#124be7 rgb(18,75,231)
```

Shade Color Variation

#1f56ee
```
#1f56ee rgb(31,86,238)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#4372f0
```
#4372f0 rgb(67,114,240)
```
#557ff2
```
#557ff2 rgb(85,127,242)
```
#688df3
```
#688df3 rgb(104,141,243)
```
#7a9bf5
```
#7a9bf5 rgb(122,155,245)
```
#8ca8f6
```
#8ca8f6 rgb(140,168,246)
```
#9eb6f7
```
#9eb6f7 rgb(158,182,247)
```
#b0c4f9
```
#b0c4f9 rgb(176,196,249)
```
#c3d2fa
```
#c3d2fa rgb(195,210,250)
```
#d5dffc
```
#d5dffc rgb(213,223,252)
```
#e7edfd
```
#e7edfd rgb(231,237,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9091 is the less saturated color, while #2860f8 is the most saturated one.

#8f9091
```
#8f9091 rgb(143,144,145)
```
#868c9a
```
#868c9a rgb(134,140,154)
```
#7e88a2
```
#7e88a2 rgb(126,136,162)
```
#7584ab
```
#7584ab rgb(117,132,171)
```
#6d80b3
```
#6d80b3 rgb(109,128,179)
```
#647cbc
```
#647cbc rgb(100,124,188)
```
#5c78c4
```
#5c78c4 rgb(92,120,196)
```
#5374cd
```
#5374cd rgb(83,116,205)
```
#4b70d5
```
#4b70d5 rgb(75,112,213)
```
#426cde
```
#426cde rgb(66,108,222)
```
#3a68e6
```
#3a68e6 rgb(58,104,230)
```
#3164ef
```
#3164ef rgb(49,100,239)
```
#2860f8
```
#2860f8 rgb(40,96,248)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b6581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#116de6 Protanomaly 1% of men, 0.01% of women
#1171d4 Deuteranomaly 6% of men, 0.4% of women
#1177ae Tritanomaly 0.01% of the population

#3164ef hex color

#3164ef Color Information

#3164ef Color Conversion

Color Schemes with #3164ef

Alternatives to #3164ef

#3164ef Preview

Shades and Tints of #3164ef

Tones of #3164ef

Color Blindness Simulator