#317ec2 hex color

In a RGB color space, hex #317ec2 is composed of 19.2% red, 49.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 35.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 208.1 degrees, a saturation of 59.7% and a lightness of 47.6%. #317ec2 color hex could be obtained by blending #62fcff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 49
- B 76
RGB color chart
- C 75
- M 35
- Y 0
- K 24
CMYK color chart

● #317ec2 color description : Moderate blue.

The hexadecimal color #317ec2 has RGB values of R:49, G:126, B:194 and CMYK values of C:0.75, M:0.35, Y:0, K:0.24. Its decimal value is 3243714.

Hex triplet	317ec2	`#317ec2`
RGB Decimal	49, 126, 194	`rgb(49,126,194)`
RGB Percent	19.2, 49.4, 76.1	`rgb(19.2%,49.4%,76.1%)`
CMYK	75, 35, 0, 24
HSL	208.1°, 59.7, 47.6	`hsl(208.1,59.7%,47.6%)`
HSV (or HSB)	208.1°, 74.7, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.231, -0.215, -42.22
XYZ	18.463, 19.468, 53.821
xyY	0.201, 0.212, 19.468
CIE-LCH	51.231, 42.22, 269.708
CIE-LUV	51.231, -27.545, -64.655
Hunter-Lab	44.123, -2.523, -41.436
Binary	00110001, 01111110, 11000010

#317ec2
```
#317ec2 rgb(49,126,194)
```
#c27531
```
#c27531 rgb(194,117,49)
```

Complementary Color

#31c2be
```
#31c2be rgb(49,194,190)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#3136c2
```
#3136c2 rgb(49,54,194)
```

Analogous Color

#c2be31
```
#c2be31 rgb(194,190,49)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#c23136
```
#c23136 rgb(194,49,54)
```

Split Complementary Color

#7ec231
```
#7ec231 rgb(126,194,49)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#c2317e
```
#c2317e rgb(194,49,126)
```

Triadic Color

#31c275
```
#31c275 rgb(49,194,117)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#c2317e
```
#c2317e rgb(194,49,126)
```
#c27531
```
#c27531 rgb(194,117,49)
```

Tetradic Color

#225685
```
#225685 rgb(34,86,133)
```
#276499
```
#276499 rgb(39,100,153)
```
#2c71ae
```
#2c71ae rgb(44,113,174)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#3e8bce
```
#3e8bce rgb(62,139,206)
```
#5397d3
```
#5397d3 rgb(83,151,211)
```
#67a3d9
```
#67a3d9 rgb(103,163,217)
```

Monochromatic Color

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

#31a2c2
```
#31a2c2 rgb(49,162,194)
```
#3196c2
```
#3196c2 rgb(49,150,194)
```
#318ac2
```
#318ac2 rgb(49,138,194)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#3172c2
```
#3172c2 rgb(49,114,194)
```
#3166c2
```
#3166c2 rgb(49,102,194)
```
#315ac2
```
#315ac2 rgb(49,90,194)
```

Similar Colors

Text with hexadecimal color #317ec2

This text has a font color of #317ec2.

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

#317ec2 background color

This paragraph has a background color of #317ec2.

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

#317ec2 border color

This element has a border color of #317ec2.

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

CSS codes

.text {color:#317ec2;}

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

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

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, #020406 is the darkest color, while #f5f9fd is the lightest one.

#020406
```
#020406 rgb(2,4,6)
```
#050e16
```
#050e16 rgb(5,14,22)
```
#091825
```
#091825 rgb(9,24,37)
```
#0d2235
```
#0d2235 rgb(13,34,53)
```
#112d45
```
#112d45 rgb(17,45,69)
```
#153754
```
#153754 rgb(21,55,84)
```
#194164
```
#194164 rgb(25,65,100)
```
#1d4b74
```
#1d4b74 rgb(29,75,116)
```
#215583
```
#215583 rgb(33,85,131)
```
#255f93
```
#255f93 rgb(37,95,147)
```
#296aa3
```
#296aa3 rgb(41,106,163)
```
#2d74b2
```
#2d74b2 rgb(45,116,178)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```

Shade Color Variation

#3988cd
```
#3988cd rgb(57,136,205)
```
#4991d1
```
#4991d1 rgb(73,145,209)
```
#599bd5
```
#599bd5 rgb(89,155,213)
```
#68a4d9
```
#68a4d9 rgb(104,164,217)
```
#78aedd
```
#78aedd rgb(120,174,221)
```
#88b7e1
```
#88b7e1 rgb(136,183,225)
```
#97c1e5
```
#97c1e5 rgb(151,193,229)
```
#a7cae9
```
#a7cae9 rgb(167,202,233)
```
#b7d3ed
```
#b7d3ed rgb(183,211,237)
```
#c6ddf1
```
#c6ddf1 rgb(198,221,241)
```
#d6e6f5
```
#d6e6f5 rgb(214,230,245)
```
#e6f0f9
```
#e6f0f9 rgb(230,240,249)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a81 is the less saturated color, while #0281f1 is the most saturated one.

#727a81
```
#727a81 rgb(114,122,129)
```
#697b8a
```
#697b8a rgb(105,123,138)
```
#607b93
```
#607b93 rgb(96,123,147)
```
#567c9d
```
#567c9d rgb(86,124,157)
```
#4d7ca6
```
#4d7ca6 rgb(77,124,166)
```
#447daf
```
#447daf rgb(68,125,175)
```
#3a7db9
```
#3a7db9 rgb(58,125,185)
```
#317ec2
```
#317ec2 rgb(49,126,194)
```
#287fcb
```
#287fcb rgb(40,127,203)
```
#1e7fd5
```
#1e7fd5 rgb(30,127,213)
```
#1580de
```
#1580de rgb(21,128,222)
```
#0c80e7
```
#0c80e7 rgb(12,128,231)
```
#0281f1
```
#0281f1 rgb(2,129,241)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#637280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#667ec0 Protanopia 1% of men
#5381c6 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#537ec1 Protanomaly 1% of men, 0.01% of women
#4780c4 Deuteranomaly 6% of men, 0.4% of women
#1187a6 Tritanomaly 0.01% of the population

#317ec2 hex color

#317ec2 Color Information

#317ec2 Color Conversion

Color Schemes with #317ec2

Alternatives to #317ec2

#317ec2 Preview

Shades and Tints of #317ec2

Tones of #317ec2

Color Blindness Simulator