#316eba hex color

In a RGB color space, hex #316eba is composed of 19.2% red, 43.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 40.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 213.3 degrees, a saturation of 58.3% and a lightness of 46.1%. #316eba color hex could be obtained by blending #62dcff with #000075. Closest websafe color is: #3366cc.

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

● #316eba color description : Moderate blue.

The hexadecimal color #316eba has RGB values of R:49, G:110, B:186 and CMYK values of C:0.74, M:0.41, Y:0, K:0.27. Its decimal value is 3239610.

Hex triplet	316eba	`#316eba`
RGB Decimal	49, 110, 186	`rgb(49,110,186)`
RGB Percent	19.2, 43.1, 72.9	`rgb(19.2%,43.1%,72.9%)`
CMYK	74, 41, 0, 27
HSL	213.3°, 58.3, 46.1	`hsl(213.3,58.3%,46.1%)`
HSV (or HSB)	213.3°, 73.7, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.108, 6.653, -45.749
XYZ	15.703, 15.349, 48.587
xyY	0.197, 0.193, 15.349
CIE-LCH	46.108, 46.23, 278.274
CIE-LUV	46.108, -22.463, -69.331
Hunter-Lab	39.178, 2.987, -46.105
Binary	00110001, 01101110, 10111010

#316eba
```
#316eba rgb(49,110,186)
```
#ba7d31
```
#ba7d31 rgb(186,125,49)
```

Complementary Color

#31b3ba
```
#31b3ba rgb(49,179,186)
```
#316eba
```
#316eba rgb(49,110,186)
```
#3931ba
```
#3931ba rgb(57,49,186)
```

Analogous Color

#b3ba31
```
#b3ba31 rgb(179,186,49)
```
#316eba
```
#316eba rgb(49,110,186)
```
#ba3831
```
#ba3831 rgb(186,56,49)
```

Split Complementary Color

#6eba31
```
#6eba31 rgb(110,186,49)
```
#316eba
```
#316eba rgb(49,110,186)
```
#ba316e
```
#ba316e rgb(186,49,110)
```

Triadic Color

#31ba7d
```
#31ba7d rgb(49,186,125)
```
#316eba
```
#316eba rgb(49,110,186)
```
#ba316e
```
#ba316e rgb(186,49,110)
```
#ba7d31
```
#ba7d31 rgb(186,125,49)
```

Tetradic Color

#214a7d
```
#214a7d rgb(33,74,125)
```
#265692
```
#265692 rgb(38,86,146)
```
#2c62a6
```
#2c62a6 rgb(44,98,166)
```
#316eba
```
#316eba rgb(49,110,186)
```
#3a7acb
```
#3a7acb rgb(58,122,203)
```
#4e88d0
```
#4e88d0 rgb(78,136,208)
```
#6295d6
```
#6295d6 rgb(98,149,214)
```

Monochromatic Color

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

#3190ba
```
#3190ba rgb(49,144,186)
```
#3185ba
```
#3185ba rgb(49,133,186)
```
#3179ba
```
#3179ba rgb(49,121,186)
```
#316eba
```
#316eba rgb(49,110,186)
```
#3163ba
```
#3163ba rgb(49,99,186)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#314cba
```
#314cba rgb(49,76,186)
```

Similar Colors

Text with hexadecimal color #316eba

This text has a font color of #316eba.

<span style="color:#316eba;">Text here</span>

#316eba background color

This paragraph has a background color of #316eba.

<p style="background-color:#316eba;">Content here</p>

#316eba border color

This element has a border color of #316eba.

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

CSS codes

.text {color:#316eba;}

.background {background-color:#316eba;}

.border {border:1px solid #316eba;}

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, #04090f is the darkest color, while #ffffff is the lightest one.

#04090f
```
#04090f rgb(4,9,15)
```
#08121f
```
#08121f rgb(8,18,31)
```
#0c1b2e
```
#0c1b2e rgb(12,27,46)
```
#10253e
```
#10253e rgb(16,37,62)
```
#142e4d
```
#142e4d rgb(20,46,77)
```
#18375d
```
#18375d rgb(24,55,93)
```
#1d406c
```
#1d406c rgb(29,64,108)
```
#21497c
```
#21497c rgb(33,73,124)
```
#25528b
```
#25528b rgb(37,82,139)
```
#295c9b
```
#295c9b rgb(41,92,155)
```
#2d65aa
```
#2d65aa rgb(45,101,170)
```
#316eba
```
#316eba rgb(49,110,186)
```
#3577ca
```
#3577ca rgb(53,119,202)
```

Shade Color Variation

#4482ce
```
#4482ce rgb(68,130,206)
```
#548cd2
```
#548cd2 rgb(84,140,210)
```
#6396d6
```
#6396d6 rgb(99,150,214)
```
#73a1da
```
#73a1da rgb(115,161,218)
```
#82abde
```
#82abde rgb(130,171,222)
```
#92b6e2
```
#92b6e2 rgb(146,182,226)
```
#a2c0e6
```
#a2c0e6 rgb(162,192,230)
```
#b1cbea
```
#b1cbea rgb(177,203,234)
```
#c1d5ef
```
#c1d5ef rgb(193,213,239)
```
#d0dff3
```
#d0dff3 rgb(208,223,243)
```
#e0eaf7
```
#e0eaf7 rgb(224,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70757b is the less saturated color, while #0469e7 is the most saturated one.

#70757b
```
#70757b rgb(112,117,123)
```
#677484
```
#677484 rgb(103,116,132)
```
#5e738d
```
#5e738d rgb(94,115,141)
```
#557296
```
#557296 rgb(85,114,150)
```
#4c719f
```
#4c719f rgb(76,113,159)
```
#4370a8
```
#4370a8 rgb(67,112,168)
```
#3a6fb1
```
#3a6fb1 rgb(58,111,177)
```
#316eba
```
#316eba rgb(49,110,186)
```
#286dc3
```
#286dc3 rgb(40,109,195)
```
#1f6ccc
```
#1f6ccc rgb(31,108,204)
```
#166bd5
```
#166bd5 rgb(22,107,213)
```
#0d6ade
```
#0d6ade rgb(13,106,222)
```
#0469e7
```
#0469e7 rgb(4,105,231)
```

Tone Color Variation

Below, you can see how #316eba 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

#646464 Achromatopsia 0.005% of the population
#5a6675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5372bb Protanopia 1% of men
#3875bd Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#4670ba Protanomaly 1% of men, 0.01% of women
#3573bc Deuteranomaly 6% of men, 0.4% of women
#11799a Tritanomaly 0.01% of the population

#316eba hex color

#316eba Color Information

#316eba Color Conversion

Color Schemes with #316eba

Alternatives to #316eba

#316eba Preview

Shades and Tints of #316eba

Tones of #316eba

Color Blindness Simulator