#315d73 hex color

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

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

● #315d73 color description : Dark moderate blue.

The hexadecimal color #315d73 has RGB values of R:49, G:93, B:115 and CMYK values of C:0.57, M:0.19, Y:0, K:0.55. Its decimal value is 3235187.

Hex triplet	315d73	`#315d73`
RGB Decimal	49, 93, 115	`rgb(49,93,115)`
RGB Percent	19.2, 36.5, 45.1	`rgb(19.2%,36.5%,45.1%)`
CMYK	57, 19, 0, 55
HSL	200°, 40.2, 32.2	`hsl(200,40.2%,32.2%)`
HSV (or HSB)	200°, 57.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	37.333, -8.282, -17.114
XYZ	8.275, 9.719, 17.659
xyY	0.232, 0.273, 9.719
CIE-LCH	37.333, 19.012, 244.176
CIE-LUV	37.333, -18.427, -22.25
Hunter-Lab	31.175, -7.178, -11.761
Binary	00110001, 01011101, 01110011

#315d73
```
#315d73 rgb(49,93,115)
```
#734731
```
#734731 rgb(115,71,49)
```

Complementary Color

#317368
```
#317368 rgb(49,115,104)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#313c73
```
#313c73 rgb(49,60,115)
```

Analogous Color

#736831
```
#736831 rgb(115,104,49)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#73313c
```
#73313c rgb(115,49,60)
```

Split Complementary Color

#5d7331
```
#5d7331 rgb(93,115,49)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#73315d
```
#73315d rgb(115,49,93)
```

Triadic Color

#317347
```
#317347 rgb(49,115,71)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#73315d
```
#73315d rgb(115,49,93)
```
#734731
```
#734731 rgb(115,71,49)
```

Tetradic Color

#1a323d
```
#1a323d rgb(26,50,61)
```
#22404f
```
#22404f rgb(34,64,79)
```
#294f61
```
#294f61 rgb(41,79,97)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#396b85
```
#396b85 rgb(57,107,133)
```
#407a97
```
#407a97 rgb(64,122,151)
```
#4888a9
```
#4888a9 rgb(72,136,169)
```

Monochromatic Color

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

#316e73
```
#316e73 rgb(49,110,115)
```
#316873
```
#316873 rgb(49,104,115)
```
#316373
```
#316373 rgb(49,99,115)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#315873
```
#315873 rgb(49,88,115)
```
#315273
```
#315273 rgb(49,82,115)
```
#314d73
```
#314d73 rgb(49,77,115)
```

Similar Colors

Text with hexadecimal color #315d73

This text has a font color of #315d73.

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

#315d73 background color

This paragraph has a background color of #315d73.

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

#315d73 border color

This element has a border color of #315d73.

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

CSS codes

.text {color:#315d73;}

.background {background-color:#315d73;}

.border {border:1px solid #315d73;}

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)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14252e
```
#14252e rgb(20,37,46)
```
#1a313c
```
#1a313c rgb(26,49,60)
```
#1f3c4a
```
#1f3c4a rgb(31,60,74)
```
#254757
```
#254757 rgb(37,71,87)
```
#2b5265
```
#2b5265 rgb(43,82,101)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#376881
```
#376881 rgb(55,104,129)
```
#3d738f
```
#3d738f rgb(61,115,143)
```
#437e9c
```
#437e9c rgb(67,126,156)
```
#4889aa
```
#4889aa rgb(72,137,170)
```

Shade Color Variation

#5194b5
```
#5194b5 rgb(81,148,181)
```
#5f9cbb
```
#5f9cbb rgb(95,156,187)
```
#6da5c1
```
#6da5c1 rgb(109,165,193)
```
#7aadc7
```
#7aadc7 rgb(122,173,199)
```
#88b6cc
```
#88b6cc rgb(136,182,204)
```
#96bed2
```
#96bed2 rgb(150,190,210)
```
#a4c7d8
```
#a4c7d8 rgb(164,199,216)
```
#b1cfde
```
#b1cfde rgb(177,207,222)
```
#bfd8e4
```
#bfd8e4 rgb(191,216,228)
```
#cde0ea
```
#cde0ea rgb(205,224,234)
```
#dbe9f0
```
#dbe9f0 rgb(219,233,240)
```
#e8f1f5
```
#e8f1f5 rgb(232,241,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#515253
```
#515253 rgb(81,82,83)
```
#4a555a
```
#4a555a rgb(74,85,90)
```
#445760
```
#445760 rgb(68,87,96)
```
#3e5966
```
#3e5966 rgb(62,89,102)
```
#375b6d
```
#375b6d rgb(55,91,109)
```
#315d73
```
#315d73 rgb(49,93,115)
```
#2b5f79
```
#2b5f79 rgb(43,95,121)
```
#246180
```
#246180 rgb(36,97,128)
```
#1e6386
```
#1e6386 rgb(30,99,134)
```
#18658c
```
#18658c rgb(24,101,140)
```
#116893
```
#116893 rgb(17,104,147)
```
#0b6a99
```
#0b6a99 rgb(11,106,153)
```
#056c9f
```
#056c9f rgb(5,108,159)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5f76 Protanopia 1% of men
#595f7c Deuteranopia 1% of men
#36676f Tritanopia 0.001% of the population

Trichromacy

#4b5e75 Protanomaly 1% of men, 0.01% of women
#4a5e79 Deuteranomaly 6% of men, 0.4% of women
#346370 Tritanomaly 0.01% of the population

#315d73 hex color

#315d73 Color Information

#315d73 Color Conversion

Color Schemes with #315d73

Alternatives to #315d73

#315d73 Preview

Shades and Tints of #315d73

Tones of #315d73

Color Blindness Simulator