#316273 hex color

In a RGB color space, hex #316273 is composed of 19.2% red, 38.4% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 14.8% magenta, 0% yellow and 54.9% black. It has a hue angle of 195.5 degrees, a saturation of 40.2% and a lightness of 32.2%. #316273 color hex could be obtained by blending #62c4e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 45
RGB color chart
- C 57
- M 15
- Y 0
- K 55
CMYK color chart

● #316273 color description : Dark moderate blue.

The hexadecimal color #316273 has RGB values of R:49, G:98, B:115 and CMYK values of C:0.57, M:0.15, Y:0, K:0.55. Its decimal value is 3236467.

Hex triplet	316273	`#316273`
RGB Decimal	49, 98, 115	`rgb(49,98,115)`
RGB Percent	19.2, 38.4, 45.1	`rgb(19.2%,38.4%,45.1%)`
CMYK	57, 15, 0, 55
HSL	195.5°, 40.2, 32.2	`hsl(195.5,40.2%,32.2%)`
HSV (or HSB)	195.5°, 57.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	38.943, -11.244, -14.649
XYZ	8.728, 10.626, 17.81
xyY	0.235, 0.286, 10.626
CIE-LCH	38.943, 18.467, 232.493
CIE-LUV	38.943, -20.378, -18.568
Hunter-Lab	32.597, -9.25, -9.576
Binary	00110001, 01100010, 01110011

#316273
```
#316273 rgb(49,98,115)
```
#734231
```
#734231 rgb(115,66,49)
```

Complementary Color

#317363
```
#317363 rgb(49,115,99)
```
#316273
```
#316273 rgb(49,98,115)
```
#314173
```
#314173 rgb(49,65,115)
```

Analogous Color

#736331
```
#736331 rgb(115,99,49)
```
#316273
```
#316273 rgb(49,98,115)
```
#733141
```
#733141 rgb(115,49,65)
```

Split Complementary Color

#627331
```
#627331 rgb(98,115,49)
```
#316273
```
#316273 rgb(49,98,115)
```
#733162
```
#733162 rgb(115,49,98)
```

Triadic Color

#317342
```
#317342 rgb(49,115,66)
```
#316273
```
#316273 rgb(49,98,115)
```
#733162
```
#733162 rgb(115,49,98)
```
#734231
```
#734231 rgb(115,66,49)
```

Tetradic Color

#1a343d
```
#1a343d rgb(26,52,61)
```
#22444f
```
#22444f rgb(34,68,79)
```
#295361
```
#295361 rgb(41,83,97)
```
#316273
```
#316273 rgb(49,98,115)
```
#397185
```
#397185 rgb(57,113,133)
```
#408097
```
#408097 rgb(64,128,151)
```
#4890a9
```
#4890a9 rgb(72,144,169)
```

Monochromatic Color

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

#317373
```
#317373 rgb(49,115,115)
```
#316d73
```
#316d73 rgb(49,109,115)
```
#316873
```
#316873 rgb(49,104,115)
```
#316273
```
#316273 rgb(49,98,115)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#315773
```
#315773 rgb(49,87,115)
```
#315273
```
#315273 rgb(49,82,115)
```

Similar Colors

Text with hexadecimal color #316273

This text has a font color of #316273.

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

#316273 background color

This paragraph has a background color of #316273.

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

#316273 border color

This element has a border color of #316273.

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

CSS codes

.text {color:#316273;}

.background {background-color:#316273;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1c20
```
#0e1c20 rgb(14,28,32)
```
#14272e
```
#14272e rgb(20,39,46)
```
#1a333c
```
#1a333c rgb(26,51,60)
```
#1f3f4a
```
#1f3f4a rgb(31,63,74)
```
#254b57
```
#254b57 rgb(37,75,87)
```
#2b5665
```
#2b5665 rgb(43,86,101)
```
#316273
```
#316273 rgb(49,98,115)
```
#376e81
```
#376e81 rgb(55,110,129)
```
#3d798f
```
#3d798f rgb(61,121,143)
```
#43859c
```
#43859c rgb(67,133,156)
```
#4891aa
```
#4891aa rgb(72,145,170)
```

Shade Color Variation

#519bb5
```
#519bb5 rgb(81,155,181)
```
#5fa3bb
```
#5fa3bb rgb(95,163,187)
```
#6dabc1
```
#6dabc1 rgb(109,171,193)
```
#7ab3c7
```
#7ab3c7 rgb(122,179,199)
```
#88bbcc
```
#88bbcc rgb(136,187,204)
```
#96c3d2
```
#96c3d2 rgb(150,195,210)
```
#a4cbd8
```
#a4cbd8 rgb(164,203,216)
```
#b1d2de
```
#b1d2de rgb(177,210,222)
```
#bfdae4
```
#bfdae4 rgb(191,218,228)
```
#cde2ea
```
#cde2ea rgb(205,226,234)
```
#dbeaf0
```
#dbeaf0 rgb(219,234,240)
```
#e8f2f5
```
#e8f2f5 rgb(232,242,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515353 is the less saturated color, while #05779f is the most saturated one.

#515353
```
#515353 rgb(81,83,83)
```
#4a565a
```
#4a565a rgb(74,86,90)
```
#445960
```
#445960 rgb(68,89,96)
```
#3e5c66
```
#3e5c66 rgb(62,92,102)
```
#375f6d
```
#375f6d rgb(55,95,109)
```
#316273
```
#316273 rgb(49,98,115)
```
#2b6579
```
#2b6579 rgb(43,101,121)
```
#246880
```
#246880 rgb(36,104,128)
```
#1e6b86
```
#1e6b86 rgb(30,107,134)
```
#186e8c
```
#186e8c rgb(24,110,140)
```
#117193
```
#117193 rgb(17,113,147)
```
#0b7499
```
#0b7499 rgb(11,116,153)
```
#05779f
```
#05779f rgb(5,119,159)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#606376 Protanopia 1% of men
#5f627d Deuteranopia 1% of men
#386b73 Tritanopia 0.001% of the population

Trichromacy

#4e6274 Protanomaly 1% of men, 0.01% of women
#4e6279 Deuteranomaly 6% of men, 0.4% of women
#356873 Tritanomaly 0.01% of the population

#316273 hex color

#316273 Color Information

#316273 Color Conversion

Color Schemes with #316273

Alternatives to #316273

#316273 Preview

Shades and Tints of #316273

Tones of #316273

Color Blindness Simulator