#3166bf hex color

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

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

● #3166bf color description : Moderate blue.

The hexadecimal color #3166bf has RGB values of R:49, G:102, B:191 and CMYK values of C:0.74, M:0.47, Y:0, K:0.25. Its decimal value is 3237567.

Hex triplet	3166bf	`#3166bf`
RGB Decimal	49, 102, 191	`rgb(49,102,191)`
RGB Percent	19.2, 40, 74.9	`rgb(19.2%,40%,74.9%)`
CMYK	74, 47, 0, 25
HSL	217.6°, 59.2, 47.1	`hsl(217.6,59.2%,47.1%)`
HSV (or HSB)	217.6°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.112, 13.594, -51.843
XYZ	15.42, 13.916, 51.161
xyY	0.192, 0.173, 13.916
CIE-LCH	44.112, 53.596, 284.693
CIE-LUV	44.112, -19.792, -78.385
Hunter-Lab	37.304, 8.501, -55.2
Binary	00110001, 01100110, 10111111

#3166bf
```
#3166bf rgb(49,102,191)
```
#bf8a31
```
#bf8a31 rgb(191,138,49)
```

Complementary Color

#31adbf
```
#31adbf rgb(49,173,191)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#4331bf
```
#4331bf rgb(67,49,191)
```

Analogous Color

#adbf31
```
#adbf31 rgb(173,191,49)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#bf4331
```
#bf4331 rgb(191,67,49)
```

Split Complementary Color

#66bf31
```
#66bf31 rgb(102,191,49)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#bf3166
```
#bf3166 rgb(191,49,102)
```

Triadic Color

#31bf8a
```
#31bf8a rgb(49,191,138)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#bf3166
```
#bf3166 rgb(191,49,102)
```
#bf8a31
```
#bf8a31 rgb(191,138,49)
```

Tetradic Color

#214582
```
#214582 rgb(33,69,130)
```
#275096
```
#275096 rgb(39,80,150)
```
#2c5bab
```
#2c5bab rgb(44,91,171)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#3c72cd
```
#3c72cd rgb(60,114,205)
```
#5181d2
```
#5181d2 rgb(81,129,210)
```
#6590d7
```
#6590d7 rgb(101,144,215)
```

Monochromatic Color

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

#318abf
```
#318abf rgb(49,138,191)
```
#317ebf
```
#317ebf rgb(49,126,191)
```
#3172bf
```
#3172bf rgb(49,114,191)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#315abf
```
#315abf rgb(49,90,191)
```
#314ebf
```
#314ebf rgb(49,78,191)
```
#3143bf
```
#3143bf rgb(49,67,191)
```

Similar Colors

Text with hexadecimal color #3166bf

This text has a font color of #3166bf.

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

#3166bf background color

This paragraph has a background color of #3166bf.

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

#3166bf border color

This element has a border color of #3166bf.

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

CSS codes

.text {color:#3166bf;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#091323
```
#091323 rgb(9,19,35)
```
#0d1b33
```
#0d1b33 rgb(13,27,51)
```
#112342
```
#112342 rgb(17,35,66)
```
#152c52
```
#152c52 rgb(21,44,82)
```
#193461
```
#193461 rgb(25,52,97)
```
#1d3c71
```
#1d3c71 rgb(29,60,113)
```
#214581
```
#214581 rgb(33,69,129)
```
#254d90
```
#254d90 rgb(37,77,144)
```
#2955a0
```
#2955a0 rgb(41,85,160)
```
#2d5eaf
```
#2d5eaf rgb(45,94,175)
```
#3166bf
```
#3166bf rgb(49,102,191)
```

Shade Color Variation

#386fcc
```
#386fcc rgb(56,111,204)
```
#477ad0
```
#477ad0 rgb(71,122,208)
```
#5786d4
```
#5786d4 rgb(87,134,212)
```
#6791d8
```
#6791d8 rgb(103,145,216)
```
#769cdc
```
#769cdc rgb(118,156,220)
```
#86a7e0
```
#86a7e0 rgb(134,167,224)
```
#95b3e4
```
#95b3e4 rgb(149,179,228)
```
#a5bee8
```
#a5bee8 rgb(165,190,232)
```
#b5c9ec
```
#b5c9ec rgb(181,201,236)
```
#c4d5f0
```
#c4d5f0 rgb(196,213,240)
```
#d4e0f4
```
#d4e0f4 rgb(212,224,244)
```
#e3ebf8
```
#e3ebf8 rgb(227,235,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#72767e
```
#72767e rgb(114,118,126)
```
#687488
```
#687488 rgb(104,116,136)
```
#5f7291
```
#5f7291 rgb(95,114,145)
```
#566f9a
```
#566f9a rgb(86,111,154)
```
#4d6da3
```
#4d6da3 rgb(77,109,163)
```
#436bad
```
#436bad rgb(67,107,173)
```
#3a68b6
```
#3a68b6 rgb(58,104,182)
```
#3166bf
```
#3166bf rgb(49,102,191)
```
#2864c8
```
#2864c8 rgb(40,100,200)
```
#1f61d1
```
#1f61d1 rgb(31,97,209)
```
#155fdb
```
#155fdb rgb(21,95,219)
```
#0c5de4
```
#0c5de4 rgb(12,93,228)
```
#035aed
```
#035aed rgb(3,90,237)
```

Tone Color Variation

Below, you can see how #3166bf 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
#576173 Atypical Achromatopsia 0.001% of the population

Dichromacy

#416dc1 Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#3b6ac0 Protanomaly 1% of men, 0.01% of women
#116dbe Deuteranomaly 6% of men, 0.4% of women
#117398 Tritanomaly 0.01% of the population

#3166bf hex color

#3166bf Color Information

#3166bf Color Conversion

Color Schemes with #3166bf

Alternatives to #3166bf

#3166bf Preview

Shades and Tints of #3166bf

Tones of #3166bf

Color Blindness Simulator