colorhexa.com

#3168b8 hex color

In a RGB color space, hex #3168b8 is composed of 19.2% red, 40.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 43.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 215.6 degrees, a saturation of 57.9% and a lightness of 45.7%. #3168b8 color hex could be obtained by blending #62d0ff with #000071. Closest websafe color is: #3366cc.

- R 19
- G 41
- B 72
RGB color chart
- C 73
- M 43
- Y 0
- K 28
CMYK color chart

● #3168b8 color description : Moderate blue.

The hexadecimal color #3168b8 has RGB values of R:49, G:104, B:184 and CMYK values of C:0.73, M:0.43, Y:0, K:0.28. Its decimal value is 3238072.

Hex triplet	3168b8	`#3168b8`
RGB Decimal	49, 104, 184	`rgb(49,104,184)`
RGB Percent	19.2, 40.8, 72.2	`rgb(19.2%,40.8%,72.2%)`
CMYK	73, 43, 0, 28
HSL	215.6°, 57.9, 45.7	`hsl(215.6,57.9%,45.7%)`
HSV (or HSB)	215.6°, 73.4, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.252, 9.693, -47.553
XYZ	14.867, 14.013, 47.266
xyY	0.195, 0.184, 14.013
CIE-LCH	44.252, 48.53, 281.521
CIE-LUV	44.252, -20.563, -71.656
Hunter-Lab	37.434, 5.38, -48.658
Binary	00110001, 01101000, 10111000

#3168b8
```
#3168b8 rgb(49,104,184)
```
#b88131
```
#b88131 rgb(184,129,49)
```

Complementary Color

#31acb8
```
#31acb8 rgb(49,172,184)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#3d31b8
```
#3d31b8 rgb(61,49,184)
```

Analogous Color

#acb831
```
#acb831 rgb(172,184,49)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#b83d31
```
#b83d31 rgb(184,61,49)
```

Split Complementary Color

#68b831
```
#68b831 rgb(104,184,49)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#b83168
```
#b83168 rgb(184,49,104)
```

Triadic Color

#31b881
```
#31b881 rgb(49,184,129)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#b83168
```
#b83168 rgb(184,49,104)
```
#b88131
```
#b88131 rgb(184,129,49)
```

Tetradic Color

#21467c
```
#21467c rgb(33,70,124)
```
#265190
```
#265190 rgb(38,81,144)
```
#2c5da4
```
#2c5da4 rgb(44,93,164)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#3874ca
```
#3874ca rgb(56,116,202)
```
#4d82cf
```
#4d82cf rgb(77,130,207)
```
#6190d5
```
#6190d5 rgb(97,144,213)
```

Monochromatic Color

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

#318ab8
```
#318ab8 rgb(49,138,184)
```
#317fb8
```
#317fb8 rgb(49,127,184)
```
#3173b8
```
#3173b8 rgb(49,115,184)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#315db8
```
#315db8 rgb(49,93,184)
```
#3152b8
```
#3152b8 rgb(49,82,184)
```
#3146b8
```
#3146b8 rgb(49,70,184)
```

Similar Colors

Text with hexadecimal color #3168b8

This text has a font color of #3168b8.

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

#3168b8 background color

This paragraph has a background color of #3168b8.

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

#3168b8 border color

This element has a border color of #3168b8.

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

CSS codes

.text {color:#3168b8;}

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

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

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, #04080e is the darkest color, while #fdfefe is the lightest one.

#04080e
```
#04080e rgb(4,8,14)
```
#08101d
```
#08101d rgb(8,16,29)
```
#0c192d
```
#0c192d rgb(12,25,45)
```
#10223c
```
#10223c rgb(16,34,60)
```
#142b4c
```
#142b4c rgb(20,43,76)
```
#18335b
```
#18335b rgb(24,51,91)
```
#1c3c6b
```
#1c3c6b rgb(28,60,107)
```
#20457a
```
#20457a rgb(32,69,122)
```
#254e8a
```
#254e8a rgb(37,78,138)
```
#295699
```
#295699 rgb(41,86,153)
```
#2d5fa9
```
#2d5fa9 rgb(45,95,169)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#3571c7
```
#3571c7 rgb(53,113,199)
```

Shade Color Variation

#437bcd
```
#437bcd rgb(67,123,205)
```
#5386d1
```
#5386d1 rgb(83,134,209)
```
#6291d5
```
#6291d5 rgb(98,145,213)
```
#729cd9
```
#729cd9 rgb(114,156,217)
```
#81a7dd
```
#81a7dd rgb(129,167,221)
```
#91b2e2
```
#91b2e2 rgb(145,178,226)
```
#a0bde6
```
#a0bde6 rgb(160,189,230)
```
#b0c7ea
```
#b0c7ea rgb(176,199,234)
```
#bfd2ee
```
#bfd2ee rgb(191,210,238)
```
#cfddf2
```
#cfddf2 rgb(207,221,242)
```
#dee8f6
```
#dee8f6 rgb(222,232,246)
```
#eef3fa
```
#eef3fa rgb(238,243,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#707479
```
#707479 rgb(112,116,121)
```
#677282
```
#677282 rgb(103,114,130)
```
#5e708b
```
#5e708b rgb(94,112,139)
```
#556f94
```
#556f94 rgb(85,111,148)
```
#4c6d9d
```
#4c6d9d rgb(76,109,157)
```
#436ba6
```
#436ba6 rgb(67,107,166)
```
#3a6aaf
```
#3a6aaf rgb(58,106,175)
```
#3168b8
```
#3168b8 rgb(49,104,184)
```
#2866c1
```
#2866c1 rgb(40,102,193)
```
#1f65ca
```
#1f65ca rgb(31,101,202)
```
#1663d3
```
#1663d3 rgb(22,99,211)
```
#0d61dc
```
#0d61dc rgb(13,97,220)
```
#0460e5
```
#0460e5 rgb(4,96,229)
```

Tone Color Variation

Below, you can see how #3168b8 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
#576272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a6dba Protanopia 1% of men
#2871ba Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#416bb9 Protanomaly 1% of men, 0.01% of women
#2b6eb9 Deuteranomaly 6% of men, 0.4% of women
#117496 Tritanomaly 0.01% of the population