#315075 hex color

In a RGB color space, hex #315075 is composed of 19.2% red, 31.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 31.6% magenta, 0% yellow and 54.1% black. It has a hue angle of 212.6 degrees, a saturation of 41% and a lightness of 32.5%. #315075 color hex could be obtained by blending #62a0ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 46
RGB color chart
- C 58
- M 32
- Y 0
- K 54
CMYK color chart

● #315075 color description : Dark moderate blue.

The hexadecimal color #315075 has RGB values of R:49, G:80, B:117 and CMYK values of C:0.58, M:0.32, Y:0, K:0.54. Its decimal value is 3231861.

Hex triplet	315075	`#315075`
RGB Decimal	49, 80, 117	`rgb(49,80,117)`
RGB Percent	19.2, 31.4, 45.9	`rgb(19.2%,31.4%,45.9%)`
CMYK	58, 32, 0, 54
HSL	212.6°, 41, 32.5	`hsl(212.6,41%,32.5%)`
HSV (or HSB)	212.6°, 58.1, 45.9
Web Safe	336666	`#336666`

CIE-LAB	33.295, 0.497, -24.617
XYZ	7.345, 7.674, 17.923
xyY	0.223, 0.233, 7.674
CIE-LCH	33.295, 24.622, 271.157
CIE-LUV	33.295, -13.467, -33.073
Hunter-Lab	27.702, -1.149, -18.968
Binary	00110001, 01010000, 01110101

#315075
```
#315075 rgb(49,80,117)
```
#755631
```
#755631 rgb(117,86,49)
```

Complementary Color

#317275
```
#317275 rgb(49,114,117)
```
#315075
```
#315075 rgb(49,80,117)
```
#343175
```
#343175 rgb(52,49,117)
```

Analogous Color

#727531
```
#727531 rgb(114,117,49)
```
#315075
```
#315075 rgb(49,80,117)
```
#753431
```
#753431 rgb(117,52,49)
```

Split Complementary Color

#507531
```
#507531 rgb(80,117,49)
```
#315075
```
#315075 rgb(49,80,117)
```
#753150
```
#753150 rgb(117,49,80)
```

Triadic Color

#317556
```
#317556 rgb(49,117,86)
```
#315075
```
#315075 rgb(49,80,117)
```
#753150
```
#753150 rgb(117,49,80)
```
#755631
```
#755631 rgb(117,86,49)
```

Tetradic Color

#1a2b3f
```
#1a2b3f rgb(26,43,63)
```
#223751
```
#223751 rgb(34,55,81)
```
#294463
```
#294463 rgb(41,68,99)
```
#315075
```
#315075 rgb(49,80,117)
```
#395c87
```
#395c87 rgb(57,92,135)
```
#406999
```
#406999 rgb(64,105,153)
```
#4875ab
```
#4875ab rgb(72,117,171)
```

Monochromatic Color

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

#316175
```
#316175 rgb(49,97,117)
```
#315b75
```
#315b75 rgb(49,91,117)
```
#315675
```
#315675 rgb(49,86,117)
```
#315075
```
#315075 rgb(49,80,117)
```
#314a75
```
#314a75 rgb(49,74,117)
```
#314575
```
#314575 rgb(49,69,117)
```
#313f75
```
#313f75 rgb(49,63,117)
```

Similar Colors

Text with hexadecimal color #315075

This text has a font color of #315075.

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

#315075 background color

This paragraph has a background color of #315075.

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

#315075 border color

This element has a border color of #315075.

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

CSS codes

.text {color:#315075;}

.background {background-color:#315075;}

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

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

#030406
```
#030406 rgb(3,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1722
```
#0e1722 rgb(14,23,34)
```
#142130
```
#142130 rgb(20,33,48)
```
#1a2a3e
```
#1a2a3e rgb(26,42,62)
```
#20344c
```
#20344c rgb(32,52,76)
```
#253d59
```
#253d59 rgb(37,61,89)
```
#2b4767
```
#2b4767 rgb(43,71,103)
```
#315075
```
#315075 rgb(49,80,117)
```
#375983
```
#375983 rgb(55,89,131)
```
#3d6391
```
#3d6391 rgb(61,99,145)
```
#426c9e
```
#426c9e rgb(66,108,158)
```
#4876ac
```
#4876ac rgb(72,118,172)
```

Shade Color Variation

#5280b6
```
#5280b6 rgb(82,128,182)
```
#5f8abc
```
#5f8abc rgb(95,138,188)
```
#6d94c2
```
#6d94c2 rgb(109,148,194)
```
#7b9ec8
```
#7b9ec8 rgb(123,158,200)
```
#89a8ce
```
#89a8ce rgb(137,168,206)
```
#97b2d3
```
#97b2d3 rgb(151,178,211)
```
#a5bdd9
```
#a5bdd9 rgb(165,189,217)
```
#b2c7df
```
#b2c7df rgb(178,199,223)
```
#c0d1e5
```
#c0d1e5 rgb(192,209,229)
```
#cedbeb
```
#cedbeb rgb(206,219,235)
```
#dce5f0
```
#dce5f0 rgb(220,229,240)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#515355
```
#515355 rgb(81,83,85)
```
#4b525b
```
#4b525b rgb(75,82,91)
```
#445262
```
#445262 rgb(68,82,98)
```
#3e5168
```
#3e5168 rgb(62,81,104)
```
#37516f
```
#37516f rgb(55,81,111)
```
#315075
```
#315075 rgb(49,80,117)
```
#2b4f7b
```
#2b4f7b rgb(43,79,123)
```
#244f82
```
#244f82 rgb(36,79,130)
```
#1e4e88
```
#1e4e88 rgb(30,78,136)
```
#174e8f
```
#174e8f rgb(23,78,143)
```
#114d95
```
#114d95 rgb(17,77,149)
```
#0b4d9b
```
#0b4d9b rgb(11,77,155)
```
#044ca2
```
#044ca2 rgb(4,76,162)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b567a Protanopia 1% of men
#45577d Deuteranopia 1% of men
#305d64 Tritanopia 0.001% of the population

Trichromacy

#415478 Protanomaly 1% of men, 0.01% of women
#3e547a Deuteranomaly 6% of men, 0.4% of women
#30586a Tritanomaly 0.01% of the population

#315075 hex color

#315075 Color Information

#315075 Color Conversion

Color Schemes with #315075

Alternatives to #315075

#315075 Preview

Shades and Tints of #315075

Tones of #315075

Color Blindness Simulator