#3170bf hex color

In a RGB color space, hex #3170bf is composed of 19.2% red, 43.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 41.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 213.4 degrees, a saturation of 59.2% and a lightness of 47.1%. #3170bf color hex could be obtained by blending #62e0ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 44
- B 75
RGB color chart
- C 74
- M 41
- Y 0
- K 25
CMYK color chart

● #3170bf color description : Moderate blue.

The hexadecimal color #3170bf has RGB values of R:49, G:112, B:191 and CMYK values of C:0.74, M:0.41, Y:0, K:0.25. Its decimal value is 3240127.

Hex triplet	3170bf	`#3170bf`
RGB Decimal	49, 112, 191	`rgb(49,112,191)`
RGB Percent	19.2, 43.9, 74.9	`rgb(19.2%,43.9%,74.9%)`
CMYK	74, 41, 0, 25
HSL	213.4°, 59.2, 47.1	`hsl(213.4,59.2%,47.1%)`
HSV (or HSB)	213.4°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.977, 7.262, -47.256
XYZ	16.463, 16.002, 51.508
xyY	0.196, 0.191, 16.002
CIE-LCH	46.977, 47.811, 278.736
CIE-LUV	46.977, -22.977, -72.029
Hunter-Lab	40.002, 3.457, -48.343
Binary	00110001, 01110000, 10111111

#3170bf
```
#3170bf rgb(49,112,191)
```
#bf8031
```
#bf8031 rgb(191,128,49)
```

Complementary Color

#31b7bf
```
#31b7bf rgb(49,183,191)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#3931bf
```
#3931bf rgb(57,49,191)
```

Analogous Color

#b7bf31
```
#b7bf31 rgb(183,191,49)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#bf3931
```
#bf3931 rgb(191,57,49)
```

Split Complementary Color

#70bf31
```
#70bf31 rgb(112,191,49)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#bf3170
```
#bf3170 rgb(191,49,112)
```

Triadic Color

#31bf80
```
#31bf80 rgb(49,191,128)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#bf3170
```
#bf3170 rgb(191,49,112)
```
#bf8031
```
#bf8031 rgb(191,128,49)
```

Tetradic Color

#214c82
```
#214c82 rgb(33,76,130)
```
#275896
```
#275896 rgb(39,88,150)
```
#2c64ab
```
#2c64ab rgb(44,100,171)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#3c7dcd
```
#3c7dcd rgb(60,125,205)
```
#518ad2
```
#518ad2 rgb(81,138,210)
```
#6598d7
```
#6598d7 rgb(101,152,215)
```

Monochromatic Color

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

#3194bf
```
#3194bf rgb(49,148,191)
```
#3188bf
```
#3188bf rgb(49,136,191)
```
#317cbf
```
#317cbf rgb(49,124,191)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#3164bf
```
#3164bf rgb(49,100,191)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#314dbf
```
#314dbf rgb(49,77,191)
```

Similar Colors

Text with hexadecimal color #3170bf

This text has a font color of #3170bf.

<span style="color:#3170bf;">Text here</span>

#3170bf background color

This paragraph has a background color of #3170bf.

<p style="background-color:#3170bf;">Content here</p>

#3170bf border color

This element has a border color of #3170bf.

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

CSS codes

.text {color:#3170bf;}

.background {background-color:#3170bf;}

.border {border:1px solid #3170bf;}

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, #010204 is the darkest color, while #f3f7fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#091423
```
#091423 rgb(9,20,35)
```
#0d1e33
```
#0d1e33 rgb(13,30,51)
```
#112742
```
#112742 rgb(17,39,66)
```
#153052
```
#153052 rgb(21,48,82)
```
#193961
```
#193961 rgb(25,57,97)
```
#1d4271
```
#1d4271 rgb(29,66,113)
```
#214b81
```
#214b81 rgb(33,75,129)
```
#255590
```
#255590 rgb(37,85,144)
```
#295ea0
```
#295ea0 rgb(41,94,160)
```
#2d67af
```
#2d67af rgb(45,103,175)
```
#3170bf
```
#3170bf rgb(49,112,191)
```

Shade Color Variation

#3879cc
```
#3879cc rgb(56,121,204)
```
#4784d0
```
#4784d0 rgb(71,132,208)
```
#578ed4
```
#578ed4 rgb(87,142,212)
```
#6799d8
```
#6799d8 rgb(103,153,216)
```
#76a3dc
```
#76a3dc rgb(118,163,220)
```
#86aee0
```
#86aee0 rgb(134,174,224)
```
#95b8e4
```
#95b8e4 rgb(149,184,228)
```
#a5c3e8
```
#a5c3e8 rgb(165,195,232)
```
#b5cdec
```
#b5cdec rgb(181,205,236)
```
#c4d8f0
```
#c4d8f0 rgb(196,216,240)
```
#d4e2f4
```
#d4e2f4 rgb(212,226,244)
```
#e3edf8
```
#e3edf8 rgb(227,237,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72777e is the less saturated color, while #036bed is the most saturated one.

#72777e
```
#72777e rgb(114,119,126)
```
#687688
```
#687688 rgb(104,118,136)
```
#5f7591
```
#5f7591 rgb(95,117,145)
```
#56749a
```
#56749a rgb(86,116,154)
```
#4d73a3
```
#4d73a3 rgb(77,115,163)
```
#4372ad
```
#4372ad rgb(67,114,173)
```
#3a71b6
```
#3a71b6 rgb(58,113,182)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#286fc8
```
#286fc8 rgb(40,111,200)
```
#1f6ed1
```
#1f6ed1 rgb(31,110,209)
```
#156ddb
```
#156ddb rgb(21,109,219)
```
#0c6ce4
```
#0c6ce4 rgb(12,108,228)
```
#036bed
```
#036bed rgb(3,107,237)
```

Tone Color Variation

Below, you can see how #3170bf 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

#666666 Achromatopsia 0.005% of the population
#5b6878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5374bf Protanopia 1% of men
#3678c2 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4772bf Protanomaly 1% of men, 0.01% of women
#3475c0 Deuteranomaly 6% of men, 0.4% of women
#117b9e Tritanomaly 0.01% of the population

#3170bf hex color

#3170bf Color Information

#3170bf Color Conversion

Color Schemes with #3170bf

Alternatives to #3170bf

#3170bf Preview

Shades and Tints of #3170bf

Tones of #3170bf

Color Blindness Simulator