#3168bd hex color

In a RGB color space, hex #3168bd is composed of 19.2% red, 40.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 45% magenta, 0% yellow and 25.9% black. It has a hue angle of 216.4 degrees, a saturation of 58.8% and a lightness of 46.7%. #3168bd color hex could be obtained by blending #62d0ff with #00007b. Closest websafe color is: #3366cc.

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

● #3168bd color description : Moderate blue.

The hexadecimal color #3168bd has RGB values of R:49, G:104, B:189 and CMYK values of C:0.74, M:0.45, Y:0, K:0.26. Its decimal value is 3238077.

Hex triplet	3168bd	`#3168bd`
RGB Decimal	49, 104, 189	`rgb(49,104,189)`
RGB Percent	19.2, 40.8, 74.1	`rgb(19.2%,40.8%,74.1%)`
CMYK	74, 45, 0, 26
HSL	216.4°, 58.8, 46.7	`hsl(216.4,58.8%,46.7%)`
HSV (or HSB)	216.4°, 74.1, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.556, 11.566, -49.971
XYZ	15.4, 14.227, 50.076
xyY	0.193, 0.178, 14.227
CIE-LCH	44.556, 51.292, 283.031
CIE-LUV	44.556, -20.456, -75.604
Hunter-Lab	37.718, 6.874, -52.312
Binary	00110001, 01101000, 10111101

#3168bd
```
#3168bd rgb(49,104,189)
```
#bd8631
```
#bd8631 rgb(189,134,49)
```

Complementary Color

#31aebd
```
#31aebd rgb(49,174,189)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#4031bd
```
#4031bd rgb(64,49,189)
```

Analogous Color

#aebd31
```
#aebd31 rgb(174,189,49)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#bd4031
```
#bd4031 rgb(189,64,49)
```

Split Complementary Color

#68bd31
```
#68bd31 rgb(104,189,49)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#bd3168
```
#bd3168 rgb(189,49,104)
```

Triadic Color

#31bd86
```
#31bd86 rgb(49,189,134)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#bd3168
```
#bd3168 rgb(189,49,104)
```
#bd8631
```
#bd8631 rgb(189,134,49)
```

Tetradic Color

#214780
```
#214780 rgb(33,71,128)
```
#275295
```
#275295 rgb(39,82,149)
```
#2c5da9
```
#2c5da9 rgb(44,93,169)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#3b74cc
```
#3b74cc rgb(59,116,204)
```
#5083d2
```
#5083d2 rgb(80,131,210)
```
#6491d7
```
#6491d7 rgb(100,145,215)
```

Monochromatic Color

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

#318bbd
```
#318bbd rgb(49,139,189)
```
#317fbd
```
#317fbd rgb(49,127,189)
```
#3174bd
```
#3174bd rgb(49,116,189)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#315cbd
```
#315cbd rgb(49,92,189)
```
#3151bd
```
#3151bd rgb(49,81,189)
```
#3145bd
```
#3145bd rgb(49,69,189)
```

Similar Colors

Text with hexadecimal color #3168bd

This text has a font color of #3168bd.

<span style="color:#3168bd;">Text here</span>

#3168bd background color

This paragraph has a background color of #3168bd.

<p style="background-color:#3168bd;">Content here</p>

#3168bd border color

This element has a border color of #3168bd.

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

CSS codes

.text {color:#3168bd;}

.background {background-color:#3168bd;}

.border {border:1px solid #3168bd;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091221
```
#091221 rgb(9,18,33)
```
#0d1b31
```
#0d1b31 rgb(13,27,49)
```
#112340
```
#112340 rgb(17,35,64)
```
#152c50
```
#152c50 rgb(21,44,80)
```
#193560
```
#193560 rgb(25,53,96)
```
#1d3d6f
```
#1d3d6f rgb(29,61,111)
```
#21467f
```
#21467f rgb(33,70,127)
```
#254e8e
```
#254e8e rgb(37,78,142)
```
#29579e
```
#29579e rgb(41,87,158)
```
#2d5fad
```
#2d5fad rgb(45,95,173)
```
#3168bd
```
#3168bd rgb(49,104,189)
```

Shade Color Variation

#3771cb
```
#3771cb rgb(55,113,203)
```
#467ccf
```
#467ccf rgb(70,124,207)
```
#5687d3
```
#5687d3 rgb(86,135,211)
```
#6592d7
```
#6592d7 rgb(101,146,215)
```
#759ddb
```
#759ddb rgb(117,157,219)
```
#84a8df
```
#84a8df rgb(132,168,223)
```
#94b3e3
```
#94b3e3 rgb(148,179,227)
```
#a4bee7
```
#a4bee7 rgb(164,190,231)
```
#b3c9eb
```
#b3c9eb rgb(179,201,235)
```
#c3d4ef
```
#c3d4ef rgb(195,212,239)
```
#d2dff3
```
#d2dff3 rgb(210,223,243)
```
#e2eaf7
```
#e2eaf7 rgb(226,234,247)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#71767d
```
#71767d rgb(113,118,125)
```
#687486
```
#687486 rgb(104,116,134)
```
#5f728f
```
#5f728f rgb(95,114,143)
```
#567098
```
#567098 rgb(86,112,152)
```
#4c6ea2
```
#4c6ea2 rgb(76,110,162)
```
#436cab
```
#436cab rgb(67,108,171)
```
#3a6ab4
```
#3a6ab4 rgb(58,106,180)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#2866c6
```
#2866c6 rgb(40,102,198)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#1662d8
```
#1662d8 rgb(22,98,216)
```
#0c60e2
```
#0c60e2 rgb(12,96,226)
```
#035eeb
```
#035eeb rgb(3,94,235)
```

Tone Color Variation

Below, you can see how #3168bd 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

#616161 Achromatopsia 0.005% of the population
#576273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#466ebf Protanopia 1% of men
#1572bf Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#3e6cbe Protanomaly 1% of men, 0.01% of women
#1f6ebe Deuteranomaly 6% of men, 0.4% of women
#117499 Tritanomaly 0.01% of the population

#3168bd hex color

#3168bd Color Information

#3168bd Color Conversion

Color Schemes with #3168bd

Alternatives to #3168bd

#3168bd Preview

Shades and Tints of #3168bd

Tones of #3168bd

Color Blindness Simulator