#316cae hex color

In a RGB color space, hex #316cae is composed of 19.2% red, 42.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 37.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 211.7 degrees, a saturation of 56.1% and a lightness of 43.7%. #316cae color hex could be obtained by blending #62d8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 68
RGB color chart
- C 72
- M 38
- Y 0
- K 32
CMYK color chart

● #316cae color description : Dark blue.

The hexadecimal color #316cae has RGB values of R:49, G:108, B:174 and CMYK values of C:0.72, M:0.38, Y:0, K:0.32. Its decimal value is 3239086.

Hex triplet	316cae	`#316cae`
RGB Decimal	49, 108, 174	`rgb(49,108,174)`
RGB Percent	19.2, 42.4, 68.2	`rgb(19.2%,42.4%,68.2%)`
CMYK	72, 38, 0, 32
HSL	211.7°, 56.1, 43.7	`hsl(211.7,56.1%,43.7%)`
HSV (or HSB)	211.7°, 71.8, 68.2
Web Safe	336699	`#336699`

CIE-LAB	44.848, 3.455, -40.766
XYZ	14.267, 14.433, 42.076
xyY	0.202, 0.204, 14.433
CIE-LCH	44.848, 40.912, 274.844
CIE-LUV	44.848, -22.141, -60.908
Hunter-Lab	37.991, 0.552, -39.072
Binary	00110001, 01101100, 10101110

#316cae
```
#316cae rgb(49,108,174)
```
#ae7331
```
#ae7331 rgb(174,115,49)
```

Complementary Color

#31abae
```
#31abae rgb(49,171,174)
```
#316cae
```
#316cae rgb(49,108,174)
```
#3431ae
```
#3431ae rgb(52,49,174)
```

Analogous Color

#abae31
```
#abae31 rgb(171,174,49)
```
#316cae
```
#316cae rgb(49,108,174)
```
#ae3531
```
#ae3531 rgb(174,53,49)
```

Split Complementary Color

#6cae31
```
#6cae31 rgb(108,174,49)
```
#316cae
```
#316cae rgb(49,108,174)
```
#ae316c
```
#ae316c rgb(174,49,108)
```

Triadic Color

#31ae73
```
#31ae73 rgb(49,174,115)
```
#316cae
```
#316cae rgb(49,108,174)
```
#ae316c
```
#ae316c rgb(174,49,108)
```
#ae7331
```
#ae7331 rgb(174,115,49)
```

Tetradic Color

#204772
```
#204772 rgb(32,71,114)
```
#265386
```
#265386 rgb(38,83,134)
```
#2b609a
```
#2b609a rgb(43,96,154)
```
#316cae
```
#316cae rgb(49,108,174)
```
#3778c2
```
#3778c2 rgb(55,120,194)
```
#4785cb
```
#4785cb rgb(71,133,203)
```
#5b92d1
```
#5b92d1 rgb(91,146,209)
```

Monochromatic Color

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

#318bae
```
#318bae rgb(49,139,174)
```
#3181ae
```
#3181ae rgb(49,129,174)
```
#3176ae
```
#3176ae rgb(49,118,174)
```
#316cae
```
#316cae rgb(49,108,174)
```
#3162ae
```
#3162ae rgb(49,98,174)
```
#3157ae
```
#3157ae rgb(49,87,174)
```
#314dae
```
#314dae rgb(49,77,174)
```

Similar Colors

Text with hexadecimal color #316cae

This text has a font color of #316cae.

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

#316cae background color

This paragraph has a background color of #316cae.

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

#316cae border color

This element has a border color of #316cae.

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

CSS codes

.text {color:#316cae;}

.background {background-color:#316cae;}

.border {border:1px solid #316cae;}

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

#020406
```
#020406 rgb(2,4,6)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0a1724
```
#0a1724 rgb(10,23,36)
```
#0f2034
```
#0f2034 rgb(15,32,52)
```
#132a43
```
#132a43 rgb(19,42,67)
```
#173352
```
#173352 rgb(23,51,82)
```
#1b3d61
```
#1b3d61 rgb(27,61,97)
```
#204671
```
#204671 rgb(32,70,113)
```
#245080
```
#245080 rgb(36,80,128)
```
#28598f
```
#28598f rgb(40,89,143)
```
#2d639f
```
#2d639f rgb(45,99,159)
```
#316cae
```
#316cae rgb(49,108,174)
```
#3575bd
```
#3575bd rgb(53,117,189)
```

Shade Color Variation

#3e7fc9
```
#3e7fc9 rgb(62,127,201)
```
#4d89cd
```
#4d89cd rgb(77,137,205)
```
#5c93d1
```
#5c93d1 rgb(92,147,209)
```
#6c9ed5
```
#6c9ed5 rgb(108,158,213)
```
#7ba8da
```
#7ba8da rgb(123,168,218)
```
#8ab2de
```
#8ab2de rgb(138,178,222)
```
#9abce2
```
#9abce2 rgb(154,188,226)
```
#a9c6e7
```
#a9c6e7 rgb(169,198,231)
```
#b8d0eb
```
#b8d0eb rgb(184,208,235)
```
#c7daef
```
#c7daef rgb(199,218,239)
```
#d7e4f4
```
#d7e4f4 rgb(215,228,244)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6f72 is the less saturated color, while #066ad9 is the most saturated one.

#6d6f72
```
#6d6f72 rgb(109,111,114)
```
#646f7b
```
#646f7b rgb(100,111,123)
```
#5c6e83
```
#5c6e83 rgb(92,110,131)
```
#536e8c
```
#536e8c rgb(83,110,140)
```
#4b6d94
```
#4b6d94 rgb(75,109,148)
```
#426d9d
```
#426d9d rgb(66,109,157)
```
#3a6ca5
```
#3a6ca5 rgb(58,108,165)
```
#316cae
```
#316cae rgb(49,108,174)
```
#286cb7
```
#286cb7 rgb(40,108,183)
```
#206bbf
```
#206bbf rgb(32,107,191)
```
#176bc8
```
#176bc8 rgb(23,107,200)
```
#0f6ad0
```
#0f6ad0 rgb(15,106,208)
```
#066ad9
```
#066ad9 rgb(6,106,217)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576faf Protanopia 1% of men
#4472b2 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#496eae Protanomaly 1% of men, 0.01% of women
#3d70b1 Deuteranomaly 6% of men, 0.4% of women
#117694 Tritanomaly 0.01% of the population

#316cae hex color

#316cae Color Information

#316cae Color Conversion

Color Schemes with #316cae

Alternatives to #316cae

#316cae Preview

Shades and Tints of #316cae

Tones of #316cae

Color Blindness Simulator