#316685 hex color

In a RGB color space, hex #316685 is composed of 19.2% red, 40% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 23.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 202.1 degrees, a saturation of 46.2% and a lightness of 35.7%. #316685 color hex could be obtained by blending #62ccff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 52
RGB color chart
- C 63
- M 23
- Y 0
- K 48
CMYK color chart

● #316685 color description : Dark moderate blue.

The hexadecimal color #316685 has RGB values of R:49, G:102, B:133 and CMYK values of C:0.63, M:0.23, Y:0, K:0.48. Its decimal value is 3237509.

Hex triplet	316685	`#316685`
RGB Decimal	49, 102, 133	`rgb(49,102,133)`
RGB Percent	19.2, 40, 52.2	`rgb(19.2%,40%,52.2%)`
CMYK	63, 23, 0, 48
HSL	202.1°, 46.2, 35.7	`hsl(202.1,46.2%,35.7%)`
HSV (or HSB)	202.1°, 63.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	40.974, -7.581, -22.474
XYZ	10.251, 11.848, 23.936
xyY	0.223, 0.257, 11.848
CIE-LCH	40.974, 23.718, 251.361
CIE-LUV	40.974, -21.311, -30.819
Hunter-Lab	34.422, -7.081, -17.134
Binary	00110001, 01100110, 10000101

#316685
```
#316685 rgb(49,102,133)
```
#855031
```
#855031 rgb(133,80,49)
```

Complementary Color

#31857a
```
#31857a rgb(49,133,122)
```
#316685
```
#316685 rgb(49,102,133)
```
#313c85
```
#313c85 rgb(49,60,133)
```

Analogous Color

#857a31
```
#857a31 rgb(133,122,49)
```
#316685
```
#316685 rgb(49,102,133)
```
#85313c
```
#85313c rgb(133,49,60)
```

Split Complementary Color

#668531
```
#668531 rgb(102,133,49)
```
#316685
```
#316685 rgb(49,102,133)
```
#853166
```
#853166 rgb(133,49,102)
```

Triadic Color

#318550
```
#318550 rgb(49,133,80)
```
#316685
```
#316685 rgb(49,102,133)
```
#853166
```
#853166 rgb(133,49,102)
```
#855031
```
#855031 rgb(133,80,49)
```

Tetradic Color

#1c3b4d
```
#1c3b4d rgb(28,59,77)
```
#234960
```
#234960 rgb(35,73,96)
```
#2a5872
```
#2a5872 rgb(42,88,114)
```
#316685
```
#316685 rgb(49,102,133)
```
#387498
```
#387498 rgb(56,116,152)
```
#3f83aa
```
#3f83aa rgb(63,131,170)
```
#4790bb
```
#4790bb rgb(71,144,187)
```

Monochromatic Color

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

#317b85
```
#317b85 rgb(49,123,133)
```
#317485
```
#317485 rgb(49,116,133)
```
#316d85
```
#316d85 rgb(49,109,133)
```
#316685
```
#316685 rgb(49,102,133)
```
#315f85
```
#315f85 rgb(49,95,133)
```
#315885
```
#315885 rgb(49,88,133)
```
#315185
```
#315185 rgb(49,81,133)
```

Similar Colors

Text with hexadecimal color #316685

This text has a font color of #316685.

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

#316685 background color

This paragraph has a background color of #316685.

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

#316685 border color

This element has a border color of #316685.

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

CSS codes

.text {color:#316685;}

.background {background-color:#316685;}

.border {border:1px solid #316685;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0c1921
```
#0c1921 rgb(12,25,33)
```
#11242f
```
#11242f rgb(17,36,47)
```
#172f3d
```
#172f3d rgb(23,47,61)
```
#1c3a4c
```
#1c3a4c rgb(28,58,76)
```
#21455a
```
#21455a rgb(33,69,90)
```
#265068
```
#265068 rgb(38,80,104)
```
#2c5b77
```
#2c5b77 rgb(44,91,119)
```
#316685
```
#316685 rgb(49,102,133)
```
#367193
```
#367193 rgb(54,113,147)
```
#3c7ca2
```
#3c7ca2 rgb(60,124,162)
```
#4187b0
```
#4187b0 rgb(65,135,176)
```

Shade Color Variation

#4991bc
```
#4991bc rgb(73,145,188)
```
#579ac1
```
#579ac1 rgb(87,154,193)
```
#65a3c6
```
#65a3c6 rgb(101,163,198)
```
#74abcc
```
#74abcc rgb(116,171,204)
```
#82b4d1
```
#82b4d1 rgb(130,180,209)
```
#90bcd6
```
#90bcd6 rgb(144,188,214)
```
#9fc5dc
```
#9fc5dc rgb(159,197,220)
```
#adcee1
```
#adcee1 rgb(173,206,225)
```
#bbd6e6
```
#bbd6e6 rgb(187,214,230)
```
#cadfeb
```
#cadfeb rgb(202,223,235)
```
#d8e8f1
```
#d8e8f1 rgb(216,232,241)
```
#e6f0f6
```
#e6f0f6 rgb(230,240,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b5b is the less saturated color, while #0771af is the most saturated one.

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545d62
```
#545d62 rgb(84,93,98)
```
#4d5f69
```
#4d5f69 rgb(77,95,105)
```
#466170
```
#466170 rgb(70,97,112)
```
#3f6277
```
#3f6277 rgb(63,98,119)
```
#38647e
```
#38647e rgb(56,100,126)
```
#316685
```
#316685 rgb(49,102,133)
```
#2a688c
```
#2a688c rgb(42,104,140)
```
#236a93
```
#236a93 rgb(35,106,147)
```
#1c6c9a
```
#1c6c9a rgb(28,108,154)
```
#156da1
```
#156da1 rgb(21,109,161)
```
#0e6fa8
```
#0e6fa8 rgb(14,111,168)
```
#0771af
```
#0771af rgb(7,113,175)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6787 Protanopia 1% of men
#5b678d Deuteranopia 1% of men
#317179 Tritanopia 0.001% of the population

Trichromacy

#4e6786 Protanomaly 1% of men, 0.01% of women
#4c678a Deuteranomaly 6% of men, 0.4% of women
#316d7d Tritanomaly 0.01% of the population

#316685 hex color

#316685 Color Information

#316685 Color Conversion

Color Schemes with #316685

Alternatives to #316685

#316685 Preview

Shades and Tints of #316685

Tones of #316685

Color Blindness Simulator