#315daa hex color

In a RGB color space, hex #315daa is composed of 19.2% red, 36.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 45.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.2 degrees, a saturation of 55.3% and a lightness of 42.9%. #315daa color hex could be obtained by blending #62baff with #000055. Closest websafe color is: #336699.

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

● #315daa color description : Dark blue.

The hexadecimal color #315daa has RGB values of R:49, G:93, B:170 and CMYK values of C:0.71, M:0.45, Y:0, K:0.33. Its decimal value is 3235242.

Hex triplet	315daa	`#315daa`
RGB Decimal	49, 93, 170	`rgb(49,93,170)`
RGB Percent	19.2, 36.5, 66.7	`rgb(19.2%,36.5%,66.7%)`
CMYK	71, 45, 0, 33
HSL	218.2°, 55.3, 42.9	`hsl(218.2,55.3%,42.9%)`
HSV (or HSB)	218.2°, 71.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.218, 11.508, -45.796
XYZ	12.435, 11.383, 39.57
xyY	0.196, 0.18, 11.383
CIE-LCH	40.218, 47.22, 284.105
CIE-LUV	40.218, -17.294, -67.437
Hunter-Lab	33.739, 6.747, -45.92
Binary	00110001, 01011101, 10101010

#315daa
```
#315daa rgb(49,93,170)
```
#aa7e31
```
#aa7e31 rgb(170,126,49)
```

Complementary Color

#319aaa
```
#319aaa rgb(49,154,170)
```
#315daa
```
#315daa rgb(49,93,170)
```
#4231aa
```
#4231aa rgb(66,49,170)
```

Analogous Color

#9aaa31
```
#9aaa31 rgb(154,170,49)
```
#315daa
```
#315daa rgb(49,93,170)
```
#aa4231
```
#aa4231 rgb(170,66,49)
```

Split Complementary Color

#5daa31
```
#5daa31 rgb(93,170,49)
```
#315daa
```
#315daa rgb(49,93,170)
```
#aa315d
```
#aa315d rgb(170,49,93)
```

Triadic Color

#31aa7e
```
#31aa7e rgb(49,170,126)
```
#315daa
```
#315daa rgb(49,93,170)
```
#aa315d
```
#aa315d rgb(170,49,93)
```
#aa7e31
```
#aa7e31 rgb(170,126,49)
```

Tetradic Color

#203d6f
```
#203d6f rgb(32,61,111)
```
#264782
```
#264782 rgb(38,71,130)
```
#2b5296
```
#2b5296 rgb(43,82,150)
```
#315daa
```
#315daa rgb(49,93,170)
```
#3768be
```
#3768be rgb(55,104,190)
```
#4575c9
```
#4575c9 rgb(69,117,201)
```
#5884cf
```
#5884cf rgb(88,132,207)
```

Monochromatic Color

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

#317baa
```
#317baa rgb(49,123,170)
```
#3171aa
```
#3171aa rgb(49,113,170)
```
#3167aa
```
#3167aa rgb(49,103,170)
```
#315daa
```
#315daa rgb(49,93,170)
```
#3153aa
```
#3153aa rgb(49,83,170)
```
#3149aa
```
#3149aa rgb(49,73,170)
```
#313faa
```
#313faa rgb(49,63,170)
```

Similar Colors

Text with hexadecimal color #315daa

This text has a font color of #315daa.

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

#315daa background color

This paragraph has a background color of #315daa.

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

#315daa border color

This element has a border color of #315daa.

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

CSS codes

.text {color:#315daa;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#0a1221
```
#0a1221 rgb(10,18,33)
```
#0e1a30
```
#0e1a30 rgb(14,26,48)
```
#12233f
```
#12233f rgb(18,35,63)
```
#172b4f
```
#172b4f rgb(23,43,79)
```
#1b335e
```
#1b335e rgb(27,51,94)
```
#1f3c6d
```
#1f3c6d rgb(31,60,109)
```
#24447c
```
#24447c rgb(36,68,124)
```
#284c8c
```
#284c8c rgb(40,76,140)
```
#2d559b
```
#2d559b rgb(45,85,155)
```
#315daa
```
#315daa rgb(49,93,170)
```
#3565b9
```
#3565b9 rgb(53,101,185)
```

Shade Color Variation

#3c6ec7
```
#3c6ec7 rgb(60,110,199)
```
#4b79cb
```
#4b79cb rgb(75,121,203)
```
#5a85cf
```
#5a85cf rgb(90,133,207)
```
#6990d4
```
#6990d4 rgb(105,144,212)
```
#789bd8
```
#789bd8 rgb(120,155,216)
```
#88a7dd
```
#88a7dd rgb(136,167,221)
```
#97b2e1
```
#97b2e1 rgb(151,178,225)
```
#a6bde5
```
#a6bde5 rgb(166,189,229)
```
#b5c8ea
```
#b5c8ea rgb(181,200,234)
```
#c5d4ee
```
#c5d4ee rgb(197,212,238)
```
#d4dff3
```
#d4dff3 rgb(212,223,243)
```
#e3eaf7
```
#e3eaf7 rgb(227,234,247)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#6c6d6f
```
#6c6d6f rgb(108,109,111)
```
#646b77
```
#646b77 rgb(100,107,119)
```
#5b6880
```
#5b6880 rgb(91,104,128)
```
#536688
```
#536688 rgb(83,102,136)
```
#4a6491
```
#4a6491 rgb(74,100,145)
```
#426299
```
#426299 rgb(66,98,153)
```
#395fa2
```
#395fa2 rgb(57,95,162)
```
#315daa
```
#315daa rgb(49,93,170)
```
#295bb2
```
#295bb2 rgb(41,91,178)
```
#2058bb
```
#2058bb rgb(32,88,187)
```
#1856c3
```
#1856c3 rgb(24,86,195)
```
#0f54cc
```
#0f54cc rgb(15,84,204)
```
#0752d4
```
#0752d4 rgb(7,82,212)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4164ad Protanopia 1% of men
#1c68ad Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3b61ac Protanomaly 1% of men, 0.01% of women
#2364ab Deuteranomaly 6% of men, 0.4% of women
#11698a Tritanomaly 0.01% of the population

#315daa hex color

#315daa Color Information

#315daa Color Conversion

Color Schemes with #315daa

Alternatives to #315daa

#315daa Preview

Shades and Tints of #315daa

Tones of #315daa

Color Blindness Simulator