#317bc2 hex color

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

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

● #317bc2 color description : Moderate blue.

The hexadecimal color #317bc2 has RGB values of R:49, G:123, B:194 and CMYK values of C:0.75, M:0.37, Y:0, K:0.24. Its decimal value is 3242946.

Hex triplet	317bc2	`#317bc2`
RGB Decimal	49, 123, 194	`rgb(49,123,194)`
RGB Percent	19.2, 48.2, 76.1	`rgb(19.2%,48.2%,76.1%)`
CMYK	75, 37, 0, 24
HSL	209.4°, 59.7, 47.6	`hsl(209.4,59.7%,47.6%)`
HSV (or HSB)	209.4°, 74.7, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.349, 1.595, -43.616
XYZ	18.085, 18.712, 53.695
xyY	0.2, 0.207, 18.712
CIE-LCH	50.349, 43.645, 272.094
CIE-LUV	50.349, -26.529, -66.834
Hunter-Lab	43.258, -1.076, -43.314
Binary	00110001, 01111011, 11000010

#317bc2
```
#317bc2 rgb(49,123,194)
```
#c27831
```
#c27831 rgb(194,120,49)
```

Complementary Color

#31c2c1
```
#31c2c1 rgb(49,194,193)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#3133c2
```
#3133c2 rgb(49,51,194)
```

Analogous Color

#c2c131
```
#c2c131 rgb(194,193,49)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#c23133
```
#c23133 rgb(194,49,51)
```

Split Complementary Color

#7bc231
```
#7bc231 rgb(123,194,49)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#c2317b
```
#c2317b rgb(194,49,123)
```

Triadic Color

#31c278
```
#31c278 rgb(49,194,120)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#c2317b
```
#c2317b rgb(194,49,123)
```
#c27831
```
#c27831 rgb(194,120,49)
```

Tetradic Color

#225485
```
#225485 rgb(34,84,133)
```
#276199
```
#276199 rgb(39,97,153)
```
#2c6eae
```
#2c6eae rgb(44,110,174)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#3e88ce
```
#3e88ce rgb(62,136,206)
```
#5394d3
```
#5394d3 rgb(83,148,211)
```
#67a1d9
```
#67a1d9 rgb(103,161,217)
```

Monochromatic Color

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

#319fc2
```
#319fc2 rgb(49,159,194)
```
#3193c2
```
#3193c2 rgb(49,147,194)
```
#3187c2
```
#3187c2 rgb(49,135,194)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#316fc2
```
#316fc2 rgb(49,111,194)
```
#3163c2
```
#3163c2 rgb(49,99,194)
```
#3157c2
```
#3157c2 rgb(49,87,194)
```

Similar Colors

Text with hexadecimal color #317bc2

This text has a font color of #317bc2.

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

#317bc2 background color

This paragraph has a background color of #317bc2.

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

#317bc2 border color

This element has a border color of #317bc2.

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

CSS codes

.text {color:#317bc2;}

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

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

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)
```
#112c45
```
#112c45 rgb(17,44,69)
```
#153554
```
#153554 rgb(21,53,84)
```
#193f64
```
#193f64 rgb(25,63,100)
```
#1d4974
```
#1d4974 rgb(29,73,116)
```
#215383
```
#215383 rgb(33,83,131)
```
#255d93
```
#255d93 rgb(37,93,147)
```
#2967a3
```
#2967a3 rgb(41,103,163)
```
#2d71b2
```
#2d71b2 rgb(45,113,178)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```

Shade Color Variation

#3985cd
```
#3985cd rgb(57,133,205)
```
#498fd1
```
#498fd1 rgb(73,143,209)
```
#5998d5
```
#5998d5 rgb(89,152,213)
```
#68a2d9
```
#68a2d9 rgb(104,162,217)
```
#78acdd
```
#78acdd rgb(120,172,221)
```
#88b5e1
```
#88b5e1 rgb(136,181,225)
```
#97bfe5
```
#97bfe5 rgb(151,191,229)
```
#a7c9e9
```
#a7c9e9 rgb(167,201,233)
```
#b7d2ed
```
#b7d2ed rgb(183,210,237)
```
#c6dcf1
```
#c6dcf1 rgb(198,220,241)
```
#d6e6f5
```
#d6e6f5 rgb(214,230,245)
```
#e6eff9
```
#e6eff9 rgb(230,239,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 #027cf1 is the most saturated one.

#727a81
```
#727a81 rgb(114,122,129)
```
#697a8a
```
#697a8a rgb(105,122,138)
```
#607a93
```
#607a93 rgb(96,122,147)
```
#567a9d
```
#567a9d rgb(86,122,157)
```
#4d7aa6
```
#4d7aa6 rgb(77,122,166)
```
#447baf
```
#447baf rgb(68,123,175)
```
#3a7bb9
```
#3a7bb9 rgb(58,123,185)
```
#317bc2
```
#317bc2 rgb(49,123,194)
```
#287bcb
```
#287bcb rgb(40,123,203)
```
#1e7bd5
```
#1e7bd5 rgb(30,123,213)
```
#157cde
```
#157cde rgb(21,124,222)
```
#0c7ce7
```
#0c7ce7 rgb(12,124,231)
```
#027cf1
```
#027cf1 rgb(2,124,241)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#61707e Atypical Achromatopsia 0.001% of the population

Dichromacy

#627cc1 Protanopia 1% of men
#4d7fc6 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#507cc1 Protanomaly 1% of men, 0.01% of women
#437dc4 Deuteranomaly 6% of men, 0.4% of women
#1185a5 Tritanomaly 0.01% of the population

#317bc2 hex color

#317bc2 Color Information

#317bc2 Color Conversion

Color Schemes with #317bc2

Alternatives to #317bc2

#317bc2 Preview

Shades and Tints of #317bc2

Tones of #317bc2

Color Blindness Simulator