#316ddc hex color

In a RGB color space, hex #316ddc is composed of 19.2% red, 42.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 50.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 218.9 degrees, a saturation of 71% and a lightness of 52.7%. #316ddc color hex could be obtained by blending #62daff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 43
- B 86
RGB color chart
- C 78
- M 50
- Y 0
- K 14
CMYK color chart

● #316ddc color description : Bright blue.

The hexadecimal color #316ddc has RGB values of R:49, G:109, B:220 and CMYK values of C:0.78, M:0.5, Y:0, K:0.14. Its decimal value is 3239388.

Hex triplet	316ddc	`#316ddc`
RGB Decimal	49, 109, 220	`rgb(49,109,220)`
RGB Percent	19.2, 42.7, 86.3	`rgb(19.2%,42.7%,86.3%)`
CMYK	78, 50, 0, 14
HSL	218.9°, 71, 52.7	`hsl(218.9,71%,52.7%)`
HSV (or HSB)	218.9°, 77.7, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.951, 20.002, -62.275
XYZ	19.651, 16.756, 69.905
xyY	0.185, 0.158, 16.756
CIE-LCH	47.951, 65.408, 287.806
CIE-LUV	47.951, -21.397, -96.386
Hunter-Lab	40.934, 14.055, -72.598
Binary	00110001, 01101101, 11011100

#316ddc
```
#316ddc rgb(49,109,220)
```
#dca031
```
#dca031 rgb(220,160,49)
```

Complementary Color

#31c3dc
```
#31c3dc rgb(49,195,220)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#4b31dc
```
#4b31dc rgb(75,49,220)
```

Analogous Color

#c3dc31
```
#c3dc31 rgb(195,220,49)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#dc4b31
```
#dc4b31 rgb(220,75,49)
```

Split Complementary Color

#6ddc31
```
#6ddc31 rgb(109,220,49)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#dc316d
```
#dc316d rgb(220,49,109)
```

Triadic Color

#31dca0
```
#31dca0 rgb(49,220,160)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#dc316d
```
#dc316d rgb(220,49,109)
```
#dca031
```
#dca031 rgb(220,160,49)
```

Tetradic Color

#1c4ca5
```
#1c4ca5 rgb(28,76,165)
```
#2056ba
```
#2056ba rgb(32,86,186)
```
#2360d0
```
#2360d0 rgb(35,96,208)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#477ce0
```
#477ce0 rgb(71,124,224)
```
#5d8ce3
```
#5d8ce3 rgb(93,140,227)
```
#729be7
```
#729be7 rgb(114,155,231)
```

Monochromatic Color

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

#3198dc
```
#3198dc rgb(49,152,220)
```
#318adc
```
#318adc rgb(49,138,220)
```
#317bdc
```
#317bdc rgb(49,123,220)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#315fdc
```
#315fdc rgb(49,95,220)
```
#3151dc
```
#3151dc rgb(49,81,220)
```
#3142dc
```
#3142dc rgb(49,66,220)
```

Similar Colors

Text with hexadecimal color #316ddc

This text has a font color of #316ddc.

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

#316ddc background color

This paragraph has a background color of #316ddc.

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

#316ddc border color

This element has a border color of #316ddc.

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

CSS codes

.text {color:#316ddc;}

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

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

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, #02060c is the darkest color, while #fafcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#050d1d
```
#050d1d rgb(5,13,29)
```
#08152e
```
#08152e rgb(8,21,46)
```
#0b1d3e
```
#0b1d3e rgb(11,29,62)
```
#0d244f
```
#0d244f rgb(13,36,79)
```
#102c60
```
#102c60 rgb(16,44,96)
```
#133471
```
#133471 rgb(19,52,113)
```
#163c81
```
#163c81 rgb(22,60,129)
```
#194392
```
#194392 rgb(25,67,146)
```
#1c4ba3
```
#1c4ba3 rgb(28,75,163)
```
#1f53b4
```
#1f53b4 rgb(31,83,180)
```
#215bc4
```
#215bc4 rgb(33,91,196)
```
#2462d5
```
#2462d5 rgb(36,98,213)
```

Shade Color Variation

#316ddc
```
#316ddc rgb(49,109,220)
```
#4279df
```
#4279df rgb(66,121,223)
```
#5385e2
```
#5385e2 rgb(83,133,226)
```
#6391e5
```
#6391e5 rgb(99,145,229)
```
#749de7
```
#749de7 rgb(116,157,231)
```
#85a8ea
```
#85a8ea rgb(133,168,234)
```
#96b4ed
```
#96b4ed rgb(150,180,237)
```
#a6c0f0
```
#a6c0f0 rgb(166,192,240)
```
#b7ccf3
```
#b7ccf3 rgb(183,204,243)
```
#c8d8f6
```
#c8d8f6 rgb(200,216,246)
```
#d9e4f8
```
#d9e4f8 rgb(217,228,248)
```
#e9f0fb
```
#e9f0fb rgb(233,240,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#848689
```
#848689 rgb(132,134,137)
```
#7b8392
```
#7b8392 rgb(123,131,146)
```
#72809b
```
#72809b rgb(114,128,155)
```
#697ea4
```
#697ea4 rgb(105,126,164)
```
#5f7bae
```
#5f7bae rgb(95,123,174)
```
#5678b7
```
#5678b7 rgb(86,120,183)
```
#4d75c0
```
#4d75c0 rgb(77,117,192)
```
#4473c9
```
#4473c9 rgb(68,115,201)
```
#3a70d3
```
#3a70d3 rgb(58,112,211)
```
#316ddc
```
#316ddc rgb(49,109,220)
```
#286ae5
```
#286ae5 rgb(40,106,229)
```
#1e67ef
```
#1e67ef rgb(30,103,239)
```
#1565f8
```
#1565f8 rgb(21,101,248)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d697f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f75de Protanopia 1% of men
#007bcb Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#2f72dd Protanomaly 1% of men, 0.01% of women
#1176d1 Deuteranomaly 6% of men, 0.4% of women
#117ca9 Tritanomaly 0.01% of the population

#316ddc hex color

#316ddc Color Information

#316ddc Color Conversion

Color Schemes with #316ddc

Alternatives to #316ddc

#316ddc Preview

Shades and Tints of #316ddc

Tones of #316ddc

Color Blindness Simulator