#317ed1 hex color

In a RGB color space, hex #317ed1 is composed of 19.2% red, 49.4% green and 82% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 39.7% magenta, 0% yellow and 18% black. It has a hue angle of 211.1 degrees, a saturation of 63.5% and a lightness of 50.6%. #317ed1 color hex could be obtained by blending #62fcff with #0000a3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 49
- B 82
RGB color chart
- C 77
- M 40
- Y 0
- K 18
CMYK color chart

● #317ed1 color description : Strong blue.

The hexadecimal color #317ed1 has RGB values of R:49, G:126, B:209 and CMYK values of C:0.77, M:0.4, Y:0, K:0.18. Its decimal value is 3243729.

Hex triplet	317ed1	`#317ed1`
RGB Decimal	49, 126, 209	`rgb(49,126,209)`
RGB Percent	19.2, 49.4, 82	`rgb(19.2%,49.4%,82%)`
CMYK	77, 40, 0, 18
HSL	211.1°, 63.5, 50.6	`hsl(211.1,63.5%,50.6%)`
HSV (or HSB)	211.1°, 76.6, 82
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.036, 5.288, -49.482
XYZ	20.233, 20.177, 63.146
xyY	0.195, 0.195, 20.177
CIE-LCH	52.036, 49.764, 276.1
CIE-LUV	52.036, -26.967, -77.045
Hunter-Lab	44.918, 1.798, -51.907
Binary	00110001, 01111110, 11010001

#317ed1
```
#317ed1 rgb(49,126,209)
```
#d18431
```
#d18431 rgb(209,132,49)
```

Complementary Color

#31ced1
```
#31ced1 rgb(49,206,209)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#3431d1
```
#3431d1 rgb(52,49,209)
```

Analogous Color

#ced131
```
#ced131 rgb(206,209,49)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#d13431
```
#d13431 rgb(209,52,49)
```

Split Complementary Color

#7ed131
```
#7ed131 rgb(126,209,49)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#d1317e
```
#d1317e rgb(209,49,126)
```

Triadic Color

#31d184
```
#31d184 rgb(49,209,132)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#d1317e
```
#d1317e rgb(209,49,126)
```
#d18431
```
#d18431 rgb(209,132,49)
```

Tetradic Color

#215994
```
#215994 rgb(33,89,148)
```
#2665a9
```
#2665a9 rgb(38,101,169)
```
#2a71be
```
#2a71be rgb(42,113,190)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#468bd6
```
#468bd6 rgb(70,139,214)
```
#5b98da
```
#5b98da rgb(91,152,218)
```
#70a5df
```
#70a5df rgb(112,165,223)
```

Monochromatic Color

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

#31a6d1
```
#31a6d1 rgb(49,166,209)
```
#3199d1
```
#3199d1 rgb(49,153,209)
```
#318bd1
```
#318bd1 rgb(49,139,209)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#3171d1
```
#3171d1 rgb(49,113,209)
```
#3163d1
```
#3163d1 rgb(49,99,209)
```
#3156d1
```
#3156d1 rgb(49,86,209)
```

Similar Colors

Text with hexadecimal color #317ed1

This text has a font color of #317ed1.

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

#317ed1 background color

This paragraph has a background color of #317ed1.

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

#317ed1 border color

This element has a border color of #317ed1.

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

CSS codes

.text {color:#317ed1;}

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

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

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 #f1f6fc is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#040b12
```
#040b12 rgb(4,11,18)
```
#081523
```
#081523 rgb(8,21,35)
```
#0b1e33
```
#0b1e33 rgb(11,30,51)
```
#0f2843
```
#0f2843 rgb(15,40,67)
```
#123153
```
#123153 rgb(18,49,83)
```
#163b63
```
#163b63 rgb(22,59,99)
```
#1a4473
```
#1a4473 rgb(26,68,115)
```
#1d4e83
```
#1d4e83 rgb(29,78,131)
```
#215893
```
#215893 rgb(33,88,147)
```
#2461a3
```
#2461a3 rgb(36,97,163)
```
#286bb3
```
#286bb3 rgb(40,107,179)
```
#2c74c3
```
#2c74c3 rgb(44,116,195)
```

Shade Color Variation

#317ed1
```
#317ed1 rgb(49,126,209)
```
#4188d5
```
#4188d5 rgb(65,136,213)
```
#5192d8
```
#5192d8 rgb(81,146,216)
```
#619cdc
```
#619cdc rgb(97,156,220)
```
#71a6df
```
#71a6df rgb(113,166,223)
```
#81b0e3
```
#81b0e3 rgb(129,176,227)
```
#91bae6
```
#91bae6 rgb(145,186,230)
```
#a1c4ea
```
#a1c4ea rgb(161,196,234)
```
#b1ceee
```
#b1ceee rgb(177,206,238)
```
#c1d8f1
```
#c1d8f1 rgb(193,216,241)
```
#d1e2f5
```
#d1e2f5 rgb(209,226,245)
```
#e1ecf8
```
#e1ecf8 rgb(225,236,248)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8183 is the less saturated color, while #0a7df8 is the most saturated one.

#7f8183
```
#7f8183 rgb(127,129,131)
```
#75818d
```
#75818d rgb(117,129,141)
```
#6b8097
```
#6b8097 rgb(107,128,151)
```
#6180a1
```
#6180a1 rgb(97,128,161)
```
#587faa
```
#587faa rgb(88,127,170)
```
#4e7fb4
```
#4e7fb4 rgb(78,127,180)
```
#447fbe
```
#447fbe rgb(68,127,190)
```
#3b7ec7
```
#3b7ec7 rgb(59,126,199)
```
#317ed1
```
#317ed1 rgb(49,126,209)
```
#277edb
```
#277edb rgb(39,126,219)
```
#1e7de4
```
#1e7de4 rgb(30,125,228)
```
#147dee
```
#147dee rgb(20,125,238)
```
#0a7df8
```
#0a7df8 rgb(10,125,248)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f80cf Protanopia 1% of men
#4184d3 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4e7fd0 Protanomaly 1% of men, 0.01% of women
#3b81d2 Deuteranomaly 6% of men, 0.4% of women
#1189ad Tritanomaly 0.01% of the population

#317ed1 hex color

#317ed1 Color Information

#317ed1 Color Conversion

Color Schemes with #317ed1

Alternatives to #317ed1

#317ed1 Preview

Shades and Tints of #317ed1

Tones of #317ed1

Color Blindness Simulator