#317edc hex color

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

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

● #317edc color description : Bright blue.

The hexadecimal color #317edc has RGB values of R:49, G:126, B:220 and CMYK values of C:0.78, M:0.43, Y:0, K:0.14. Its decimal value is 3243740.

Hex triplet	317edc	`#317edc`
RGB Decimal	49, 126, 220	`rgb(49,126,220)`
RGB Percent	19.2, 49.4, 86.3	`rgb(19.2%,49.4%,86.3%)`
CMYK	78, 43, 0, 14
HSL	213°, 71, 52.7	`hsl(213,71%,52.7%)`
HSV (or HSB)	213°, 77.7, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.664, 9.359, -54.694
XYZ	21.643, 20.74, 70.569
xyY	0.192, 0.184, 20.74
CIE-LCH	52.664, 55.489, 279.71
CIE-LUV	52.664, -26.587, -85.916
Hunter-Lab	45.541, 5.132, -59.994
Binary	00110001, 01111110, 11011100

#317edc
```
#317edc rgb(49,126,220)
```
#dc8f31
```
#dc8f31 rgb(220,143,49)
```

Complementary Color

#31d4dc
```
#31d4dc rgb(49,212,220)
```
#317edc
```
#317edc rgb(49,126,220)
```
#3a31dc
```
#3a31dc rgb(58,49,220)
```

Analogous Color

#d4dc31
```
#d4dc31 rgb(212,220,49)
```
#317edc
```
#317edc rgb(49,126,220)
```
#dc3a31
```
#dc3a31 rgb(220,58,49)
```

Split Complementary Color

#7edc31
```
#7edc31 rgb(126,220,49)
```
#317edc
```
#317edc rgb(49,126,220)
```
#dc317e
```
#dc317e rgb(220,49,126)
```

Triadic Color

#31dc8f
```
#31dc8f rgb(49,220,143)
```
#317edc
```
#317edc rgb(49,126,220)
```
#dc317e
```
#dc317e rgb(220,49,126)
```
#dc8f31
```
#dc8f31 rgb(220,143,49)
```

Tetradic Color

#1c59a5
```
#1c59a5 rgb(28,89,165)
```
#2065ba
```
#2065ba rgb(32,101,186)
```
#2371d0
```
#2371d0 rgb(35,113,208)
```
#317edc
```
#317edc rgb(49,126,220)
```
#478ce0
```
#478ce0 rgb(71,140,224)
```
#5d99e3
```
#5d99e3 rgb(93,153,227)
```
#72a7e7
```
#72a7e7 rgb(114,167,231)
```

Monochromatic Color

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

#31a9dc
```
#31a9dc rgb(49,169,220)
```
#319bdc
```
#319bdc rgb(49,155,220)
```
#318cdc
```
#318cdc rgb(49,140,220)
```
#317edc
```
#317edc rgb(49,126,220)
```
#3170dc
```
#3170dc rgb(49,112,220)
```
#3161dc
```
#3161dc rgb(49,97,220)
```
#3153dc
```
#3153dc rgb(49,83,220)
```

Similar Colors

Text with hexadecimal color #317edc

This text has a font color of #317edc.

<span style="color:#317edc;">Text here</span>

#317edc background color

This paragraph has a background color of #317edc.

<p style="background-color:#317edc;">Content here</p>

#317edc border color

This element has a border color of #317edc.

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

CSS codes

.text {color:#317edc;}

.background {background-color:#317edc;}

.border {border:1px solid #317edc;}

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

#02070c
```
#02070c rgb(2,7,12)
```
#05101d
```
#05101d rgb(5,16,29)
```
#08192e
```
#08192e rgb(8,25,46)
```
#0b223e
```
#0b223e rgb(11,34,62)
```
#0d2b4f
```
#0d2b4f rgb(13,43,79)
```
#103460
```
#103460 rgb(16,52,96)
```
#133d71
```
#133d71 rgb(19,61,113)
```
#164681
```
#164681 rgb(22,70,129)
```
#194f92
```
#194f92 rgb(25,79,146)
```
#1c59a3
```
#1c59a3 rgb(28,89,163)
```
#1f62b4
```
#1f62b4 rgb(31,98,180)
```
#216bc4
```
#216bc4 rgb(33,107,196)
```
#2474d5
```
#2474d5 rgb(36,116,213)
```

Shade Color Variation

#317edc
```
#317edc rgb(49,126,220)
```
#4288df
```
#4288df rgb(66,136,223)
```
#5393e2
```
#5393e2 rgb(83,147,226)
```
#639de5
```
#639de5 rgb(99,157,229)
```
#74a8e7
```
#74a8e7 rgb(116,168,231)
```
#85b2ea
```
#85b2ea rgb(133,178,234)
```
#96bded
```
#96bded rgb(150,189,237)
```
#a6c7f0
```
#a6c7f0 rgb(166,199,240)
```
#b7d2f3
```
#b7d2f3 rgb(183,210,243)
```
#c8dcf6
```
#c8dcf6 rgb(200,220,246)
```
#d9e7f8
```
#d9e7f8 rgb(217,231,248)
```
#e9f1fb
```
#e9f1fb rgb(233,241,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 #157bf8 is the most saturated one.

#848689
```
#848689 rgb(132,134,137)
```
#7b8592
```
#7b8592 rgb(123,133,146)
```
#72849b
```
#72849b rgb(114,132,155)
```
#6984a4
```
#6984a4 rgb(105,132,164)
```
#5f83ae
```
#5f83ae rgb(95,131,174)
```
#5682b7
```
#5682b7 rgb(86,130,183)
```
#4d81c0
```
#4d81c0 rgb(77,129,192)
```
#4480c9
```
#4480c9 rgb(68,128,201)
```
#3a7fd3
```
#3a7fd3 rgb(58,127,211)
```
#317edc
```
#317edc rgb(49,126,220)
```
#287de5
```
#287de5 rgb(40,125,229)
```
#1e7cef
```
#1e7cef rgb(30,124,239)
```
#157bf8
```
#157bf8 rgb(21,123,248)
```

Tone Color Variation

Below, you can see how #317edc 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

#727272 Achromatopsia 0.005% of the population
#657487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5881db Protanopia 1% of men
#2986dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4980db Protanomaly 1% of men, 0.01% of women
#2c83dc Deuteranomaly 6% of men, 0.4% of women
#118ab2 Tritanomaly 0.01% of the population

#317edc hex color

#317edc Color Information

#317edc Color Conversion

Color Schemes with #317edc

Alternatives to #317edc

#317edc Preview

Shades and Tints of #317edc

Tones of #317edc

Color Blindness Simulator