#3165a2 hex color

In a RGB color space, hex #3165a2 is composed of 19.2% red, 39.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 37.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 212.4 degrees, a saturation of 53.6% and a lightness of 41.4%. #3165a2 color hex could be obtained by blending #62caff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 64
RGB color chart
- C 70
- M 38
- Y 0
- K 36
CMYK color chart

● #3165a2 color description : Dark moderate blue.

The hexadecimal color #3165a2 has RGB values of R:49, G:101, B:162 and CMYK values of C:0.7, M:0.38, Y:0, K:0.36. Its decimal value is 3237282.

Hex triplet	3165a2	`#3165a2`
RGB Decimal	49, 101, 162	`rgb(49,101,162)`
RGB Percent	19.2, 39.6, 63.5	`rgb(19.2%,39.6%,63.5%)`
CMYK	70, 38, 0, 36
HSL	212.4°, 53.6, 41.4	`hsl(212.4,53.6%,41.4%)`
HSV (or HSB)	212.4°, 69.8, 63.5
Web Safe	336699	`#336699`

CIE-LAB	42.105, 3.411, -38.052
XYZ	12.44, 12.568, 35.951
xyY	0.204, 0.206, 12.568
CIE-LCH	42.105, 38.205, 275.123
CIE-LUV	42.105, -20.089, -55.861
Hunter-Lab	35.451, 0.598, -35.309
Binary	00110001, 01100101, 10100010

#3165a2
```
#3165a2 rgb(49,101,162)
```
#a26e31
```
#a26e31 rgb(162,110,49)
```

Complementary Color

#319ea2
```
#319ea2 rgb(49,158,162)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#3531a2
```
#3531a2 rgb(53,49,162)
```

Analogous Color

#9ea231
```
#9ea231 rgb(158,162,49)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#a23531
```
#a23531 rgb(162,53,49)
```

Split Complementary Color

#65a231
```
#65a231 rgb(101,162,49)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#a23165
```
#a23165 rgb(162,49,101)
```

Triadic Color

#31a26e
```
#31a26e rgb(49,162,110)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#a23165
```
#a23165 rgb(162,49,101)
```
#a26e31
```
#a26e31 rgb(162,110,49)
```

Tetradic Color

#1f4067
```
#1f4067 rgb(31,64,103)
```
#254d7b
```
#254d7b rgb(37,77,123)
```
#2b598e
```
#2b598e rgb(43,89,142)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#3771b6
```
#3771b6 rgb(55,113,182)
```
#417ec5
```
#417ec5 rgb(65,126,197)
```
#548bcb
```
#548bcb rgb(84,139,203)
```

Monochromatic Color

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

#3181a2
```
#3181a2 rgb(49,129,162)
```
#3178a2
```
#3178a2 rgb(49,120,162)
```
#316ea2
```
#316ea2 rgb(49,110,162)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#315ca2
```
#315ca2 rgb(49,92,162)
```
#3152a2
```
#3152a2 rgb(49,82,162)
```
#3149a2
```
#3149a2 rgb(49,73,162)
```

Similar Colors

Text with hexadecimal color #3165a2

This text has a font color of #3165a2.

<span style="color:#3165a2;">Text here</span>

#3165a2 background color

This paragraph has a background color of #3165a2.

<p style="background-color:#3165a2;">Content here</p>

#3165a2 border color

This element has a border color of #3165a2.

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

CSS codes

.text {color:#3165a2;}

.background {background-color:#3165a2;}

.border {border:1px solid #3165a2;}

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

#03070b
```
#03070b rgb(3,7,11)
```
#08101a
```
#08101a rgb(8,16,26)
```
#0d1a2a
```
#0d1a2a rgb(13,26,42)
```
#112339
```
#112339 rgb(17,35,57)
```
#162d48
```
#162d48 rgb(22,45,72)
```
#1a3657
```
#1a3657 rgb(26,54,87)
```
#1f3f66
```
#1f3f66 rgb(31,63,102)
```
#234975
```
#234975 rgb(35,73,117)
```
#285284
```
#285284 rgb(40,82,132)
```
#2c5c93
```
#2c5c93 rgb(44,92,147)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#366eb1
```
#366eb1 rgb(54,110,177)
```
#3a78c0
```
#3a78c0 rgb(58,120,192)
```

Shade Color Variation

#4782c7
```
#4782c7 rgb(71,130,199)
```
#568ccc
```
#568ccc rgb(86,140,204)
```
#6596d0
```
#6596d0 rgb(101,150,208)
```
#74a0d5
```
#74a0d5 rgb(116,160,213)
```
#83abd9
```
#83abd9 rgb(131,171,217)
```
#92b5de
```
#92b5de rgb(146,181,222)
```
#a1bfe3
```
#a1bfe3 rgb(161,191,227)
```
#b0c9e7
```
#b0c9e7 rgb(176,201,231)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#cedef0
```
#cedef0 rgb(206,222,240)
```
#dde8f5
```
#dde8f5 rgb(221,232,245)
```
#ecf2f9
```
#ecf2f9 rgb(236,242,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#626971
```
#626971 rgb(98,105,113)
```
#5a6879
```
#5a6879 rgb(90,104,121)
```
#516882
```
#516882 rgb(81,104,130)
```
#49678a
```
#49678a rgb(73,103,138)
```
#416692
```
#416692 rgb(65,102,146)
```
#39669a
```
#39669a rgb(57,102,154)
```
#3165a2
```
#3165a2 rgb(49,101,162)
```
#2964aa
```
#2964aa rgb(41,100,170)
```
#2164b2
```
#2164b2 rgb(33,100,178)
```
#1963ba
```
#1963ba rgb(25,99,186)
```
#1162c2
```
#1162c2 rgb(17,98,194)
```
#0862cb
```
#0862cb rgb(8,98,203)
```
#0061d3
```
#0061d3 rgb(0,97,211)
```

Tone Color Variation

Below, you can see how #3165a2 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

#5c5c5c Achromatopsia 0.005% of the population
#535e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5369a4 Protanopia 1% of men
#426ba7 Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#4667a3 Protanomaly 1% of men, 0.01% of women
#3c69a5 Deuteranomaly 6% of men, 0.4% of women
#116f8b Tritanomaly 0.01% of the population

#3165a2 hex color

#3165a2 Color Information

#3165a2 Color Conversion

Color Schemes with #3165a2

Alternatives to #3165a2

#3165a2 Preview

Shades and Tints of #3165a2

Tones of #3165a2

Color Blindness Simulator