colorhexa.com

#3164ca hex color

In a RGB color space, hex #3164ca is composed of 19.2% red, 39.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 50.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 220 degrees, a saturation of 61% and a lightness of 49.2%. #3164ca color hex could be obtained by blending #62c8ff with #000095. Closest websafe color is: #3366cc.

- R 19
- G 39
- B 79
RGB color chart
- C 76
- M 50
- Y 0
- K 21
CMYK color chart

● #3164ca color description : Strong blue.

The hexadecimal color #3164ca has RGB values of R:49, G:100, B:202 and CMYK values of C:0.76, M:0.5, Y:0, K:0.21. Its decimal value is 3237066.

Hex triplet	3164ca	`#3164ca`
RGB Decimal	49, 100, 202	`rgb(49,100,202)`
RGB Percent	19.2, 39.2, 79.2	`rgb(19.2%,39.2%,79.2%)`
CMYK	76, 50, 0, 21
HSL	220°, 61, 49.2	`hsl(220,61%,49.2%)`
HSV (or HSB)	220°, 75.7, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.276, 19.011, -57.934
XYZ	16.482, 14.03, 57.713
xyY	0.187, 0.159, 14.03
CIE-LCH	44.276, 60.973, 288.167
CIE-LUV	44.276, -19.024, -87.901
Hunter-Lab	37.457, 12.995, -65.133
Binary	00110001, 01100100, 11001010

#3164ca
```
#3164ca rgb(49,100,202)
```
#ca9731
```
#ca9731 rgb(202,151,49)
```

Complementary Color

#31b1ca
```
#31b1ca rgb(49,177,202)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#4a31ca
```
#4a31ca rgb(74,49,202)
```

Analogous Color

#b1ca31
```
#b1ca31 rgb(177,202,49)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#ca4a31
```
#ca4a31 rgb(202,74,49)
```

Split Complementary Color

#64ca31
```
#64ca31 rgb(100,202,49)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#ca3164
```
#ca3164 rgb(202,49,100)
```

Triadic Color

#31ca97
```
#31ca97 rgb(49,202,151)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#ca3164
```
#ca3164 rgb(202,49,100)
```
#ca9731
```
#ca9731 rgb(202,151,49)
```

Tetradic Color

#22468c
```
#22468c rgb(34,70,140)
```
#2750a1
```
#2750a1 rgb(39,80,161)
```
#2c5ab5
```
#2c5ab5 rgb(44,90,181)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#4373d1
```
#4373d1 rgb(67,115,209)
```
#5882d6
```
#5882d6 rgb(88,130,214)
```
#6c91db
```
#6c91db rgb(108,145,219)
```

Monochromatic Color

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

#318aca
```
#318aca rgb(49,138,202)
```
#317eca
```
#317eca rgb(49,126,202)
```
#3171ca
```
#3171ca rgb(49,113,202)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#3157ca
```
#3157ca rgb(49,87,202)
```
#314bca
```
#314bca rgb(49,75,202)
```
#313eca
```
#313eca rgb(49,62,202)
```

Similar Colors

Text with hexadecimal color #3164ca

This text has a font color of #3164ca.

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

#3164ca background color

This paragraph has a background color of #3164ca.

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

#3164ca border color

This element has a border color of #3164ca.

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

CSS codes

.text {color:#3164ca;}

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

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

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

#03060d
```
#03060d rgb(3,6,13)
```
#070e1c
```
#070e1c rgb(7,14,28)
```
#0b162c
```
#0b162c rgb(11,22,44)
```
#0f1e3c
```
#0f1e3c rgb(15,30,60)
```
#12254c
```
#12254c rgb(18,37,76)
```
#162d5b
```
#162d5b rgb(22,45,91)
```
#1a356b
```
#1a356b rgb(26,53,107)
```
#1e3d7b
```
#1e3d7b rgb(30,61,123)
```
#22458b
```
#22458b rgb(34,69,139)
```
#264d9b
```
#264d9b rgb(38,77,155)
```
#2954aa
```
#2954aa rgb(41,84,170)
```
#2d5cba
```
#2d5cba rgb(45,92,186)
```
#3164ca
```
#3164ca rgb(49,100,202)
```

Shade Color Variation

#3e6fd0
```
#3e6fd0 rgb(62,111,208)
```
#4e7bd4
```
#4e7bd4 rgb(78,123,212)
```
#5e87d8
```
#5e87d8 rgb(94,135,216)
```
#6e92dc
```
#6e92dc rgb(110,146,220)
```
#7d9ee0
```
#7d9ee0 rgb(125,158,224)
```
#8daae3
```
#8daae3 rgb(141,170,227)
```
#9db6e7
```
#9db6e7 rgb(157,182,231)
```
#adc2eb
```
#adc2eb rgb(173,194,235)
```
#bdcdef
```
#bdcdef rgb(189,205,239)
```
#ccd9f3
```
#ccd9f3 rgb(204,217,243)
```
#dce5f7
```
#dce5f7 rgb(220,229,247)
```
#ecf1fa
```
#ecf1fa rgb(236,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b86 is the less saturated color, while #0154fa is the most saturated one.

#757b86
```
#757b86 rgb(117,123,134)
```
#6b7790
```
#6b7790 rgb(107,119,144)
```
#61749a
```
#61749a rgb(97,116,154)
```
#5871a3
```
#5871a3 rgb(88,113,163)
```
#4e6ead
```
#4e6ead rgb(78,110,173)
```
#446ab7
```
#446ab7 rgb(68,106,183)
```
#3b67c0
```
#3b67c0 rgb(59,103,192)
```
#3164ca
```
#3164ca rgb(49,100,202)
```
#2761d4
```
#2761d4 rgb(39,97,212)
```
#1e5edd
```
#1e5edd rgb(30,94,221)
```
#145ae7
```
#145ae7 rgb(20,90,231)
```
#0a57f1
```
#0a57f1 rgb(10,87,241)
```
#0154fa
```
#0154fa rgb(1,84,250)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#576175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e6dcd Protanopia 1% of men
#0072bc Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#2f69cc Protanomaly 1% of men, 0.01% of women
#116dc1 Deuteranomaly 6% of men, 0.4% of women
#11729c Tritanomaly 0.01% of the population