colorhexa.com

#315174 hex color

In a RGB color space, hex #315174 is composed of 19.2% red, 31.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 30.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 211.3 degrees, a saturation of 40.6% and a lightness of 32.4%. #315174 color hex could be obtained by blending #62a2e8 with #000000. Closest websafe color is: #336666.

- R 19
- G 32
- B 45
RGB color chart
- C 58
- M 30
- Y 0
- K 55
CMYK color chart

● #315174 color description : Dark moderate blue.

The hexadecimal color #315174 has RGB values of R:49, G:81, B:116 and CMYK values of C:0.58, M:0.3, Y:0, K:0.55. Its decimal value is 3232116.

Hex triplet	315174	`#315174`
RGB Decimal	49, 81, 116	`rgb(49,81,116)`
RGB Percent	19.2, 31.8, 45.5	`rgb(19.2%,31.8%,45.5%)`
CMYK	58, 30, 0, 55
HSL	211.3°, 40.6, 32.4	`hsl(211.3,40.6%,32.4%)`
HSV (or HSB)	211.3°, 57.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	33.559, -0.495, -23.581
XYZ	7.361, 7.798, 17.639
xyY	0.224, 0.238, 7.798
CIE-LCH	33.559, 23.586, 268.798
CIE-LUV	33.559, -13.845, -31.577
Hunter-Lab	27.926, -1.82, -17.903
Binary	00110001, 01010001, 01110100

#315174
```
#315174 rgb(49,81,116)
```
#745431
```
#745431 rgb(116,84,49)
```

Complementary Color

#317374
```
#317374 rgb(49,115,116)
```
#315174
```
#315174 rgb(49,81,116)
```
#333174
```
#333174 rgb(51,49,116)
```

Analogous Color

#737431
```
#737431 rgb(115,116,49)
```
#315174
```
#315174 rgb(49,81,116)
```
#743331
```
#743331 rgb(116,51,49)
```

Split Complementary Color

#517431
```
#517431 rgb(81,116,49)
```
#315174
```
#315174 rgb(49,81,116)
```
#743151
```
#743151 rgb(116,49,81)
```

Triadic Color

#1a2b3e
```
#1a2b3e rgb(26,43,62)
```
#223850
```
#223850 rgb(34,56,80)
```
#294462
```
#294462 rgb(41,68,98)
```
#315174
```
#315174 rgb(49,81,116)
```
#395e86
```
#395e86 rgb(57,94,134)
```
#406a98
```
#406a98 rgb(64,106,152)
```
#4877aa
```
#4877aa rgb(72,119,170)
```

Monochromatic Color

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

#316274
```
#316274 rgb(49,98,116)
```
#315c74
```
#315c74 rgb(49,92,116)
```
#315774
```
#315774 rgb(49,87,116)
```
#315174
```
#315174 rgb(49,81,116)
```
#314b74
```
#314b74 rgb(49,75,116)
```
#314674
```
#314674 rgb(49,70,116)
```
#314074
```
#314074 rgb(49,64,116)
```

Similar Colors

Text with hexadecimal color #315174

This text has a font color of #315174.

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

#315174 background color

This paragraph has a background color of #315174.

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

#315174 border color

This element has a border color of #315174.

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

CSS codes

.text {color:#315174;}

.background {background-color:#315174;}

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080e13
```
#080e13 rgb(8,14,19)
```
#0e1721
```
#0e1721 rgb(14,23,33)
```
#14212f
```
#14212f rgb(20,33,47)
```
#1a2a3d
```
#1a2a3d rgb(26,42,61)
```
#20344b
```
#20344b rgb(32,52,75)
```
#253e58
```
#253e58 rgb(37,62,88)
```
#2b4766
```
#2b4766 rgb(43,71,102)
```
#315174
```
#315174 rgb(49,81,116)
```
#375b82
```
#375b82 rgb(55,91,130)
```
#3d6490
```
#3d6490 rgb(61,100,144)
```
#426e9d
```
#426e9d rgb(66,110,157)
```
#4878ab
```
#4878ab rgb(72,120,171)
```

Shade Color Variation

#5181b6
```
#5181b6 rgb(81,129,182)
```
#5f8bbb
```
#5f8bbb rgb(95,139,187)
```
#6d95c1
```
#6d95c1 rgb(109,149,193)
```
#7b9fc7
```
#7b9fc7 rgb(123,159,199)
```
#89a9cd
```
#89a9cd rgb(137,169,205)
```
#96b3d3
```
#96b3d3 rgb(150,179,211)
```
#a4bdd9
```
#a4bdd9 rgb(164,189,217)
```
#b2c7de
```
#b2c7de rgb(178,199,222)
```
#c0d1e4
```
#c0d1e4 rgb(192,209,228)
```
#cedbea
```
#cedbea rgb(206,219,234)
```
#dbe5f0
```
#dbe5f0 rgb(219,229,240)
```
#e9eff6
```
#e9eff6 rgb(233,239,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#515254
```
#515254 rgb(81,82,84)
```
#4a525b
```
#4a525b rgb(74,82,91)
```
#445261
```
#445261 rgb(68,82,97)
```
#3e5267
```
#3e5267 rgb(62,82,103)
```
#37516e
```
#37516e rgb(55,81,110)
```
#315174
```
#315174 rgb(49,81,116)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#245081
```
#245081 rgb(36,80,129)
```
#1e5087
```
#1e5087 rgb(30,80,135)
```
#18508d
```
#18508d rgb(24,80,141)
```
#115094
```
#115094 rgb(17,80,148)
```
#0b4f9a
```
#0b4f9a rgb(11,79,154)
```
#054fa0
```
#054fa0 rgb(5,79,160)
```

Tone Color Variation

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

#4c5679 Protanopia 1% of men
#47577c Deuteranopia 1% of men
#315e65 Tritanopia 0.001% of the population

Trichromacy

#425477 Protanomaly 1% of men, 0.01% of women
#3f5579 Deuteranomaly 6% of men, 0.4% of women
#31596a Tritanomaly 0.01% of the population