#315054 hex color

In a RGB color space, hex #315054 is composed of 19.2% red, 31.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 4.8% magenta, 0% yellow and 67.1% black. It has a hue angle of 186.9 degrees, a saturation of 26.3% and a lightness of 26.1%. #315054 color hex could be obtained by blending #62a0a8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 33
RGB color chart
- C 42
- M 5
- Y 0
- K 67
CMYK color chart

● #315054 color description : Very dark desaturated cyan.

The hexadecimal color #315054 has RGB values of R:49, G:80, B:84 and CMYK values of C:0.42, M:0.05, Y:0, K:0.67. Its decimal value is 3231828.

Hex triplet	315054	`#315054`
RGB Decimal	49, 80, 84	`rgb(49,80,84)`
RGB Percent	19.2, 31.4, 32.9	`rgb(19.2%,31.4%,32.9%)`
CMYK	42, 5, 0, 67
HSL	186.9°, 26.3, 26.1	`hsl(186.9,26.3%,26.1%)`
HSV (or HSB)	186.9°, 41.7, 32.9
Web Safe	336666	`#336666`

CIE-LAB	31.875, -10.247, -5.98
XYZ	5.735, 7.03, 9.442
xyY	0.258, 0.317, 7.03
CIE-LCH	31.875, 11.865, 210.268
CIE-LUV	31.875, -13.843, -6.141
Hunter-Lab	26.514, -7.79, -2.553
Binary	00110001, 01010000, 01010100

#315054
```
#315054 rgb(49,80,84)
```
#543531
```
#543531 rgb(84,53,49)
```

Complementary Color

#315447
```
#315447 rgb(49,84,71)
```
#315054
```
#315054 rgb(49,80,84)
```
#313f54
```
#313f54 rgb(49,63,84)
```

Analogous Color

#544731
```
#544731 rgb(84,71,49)
```
#315054
```
#315054 rgb(49,80,84)
```
#54313f
```
#54313f rgb(84,49,63)
```

Split Complementary Color

#505431
```
#505431 rgb(80,84,49)
```
#315054
```
#315054 rgb(49,80,84)
```
#543150
```
#543150 rgb(84,49,80)
```

Triadic Color

#315435
```
#315435 rgb(49,84,53)
```
#315054
```
#315054 rgb(49,80,84)
```
#543150
```
#543150 rgb(84,49,80)
```
#543531
```
#543531 rgb(84,53,49)
```

Tetradic Color

#152224
```
#152224 rgb(21,34,36)
```
#1e3134
```
#1e3134 rgb(30,49,52)
```
#284144
```
#284144 rgb(40,65,68)
```
#315054
```
#315054 rgb(49,80,84)
```
#3a5f64
```
#3a5f64 rgb(58,95,100)
```
#446f74
```
#446f74 rgb(68,111,116)
```
#4d7e84
```
#4d7e84 rgb(77,126,132)
```

Monochromatic Color

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

#31544f
```
#31544f rgb(49,84,79)
```
#315452
```
#315452 rgb(49,84,82)
```
#315354
```
#315354 rgb(49,83,84)
```
#315054
```
#315054 rgb(49,80,84)
```
#314d54
```
#314d54 rgb(49,77,84)
```
#314a54
```
#314a54 rgb(49,74,84)
```
#314754
```
#314754 rgb(49,71,84)
```

Similar Colors

Text with hexadecimal color #315054

This text has a font color of #315054.

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

#315054 background color

This paragraph has a background color of #315054.

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

#315054 border color

This element has a border color of #315054.

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

CSS codes

.text {color:#315054;}

.background {background-color:#315054;}

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

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, #06090a is the darkest color, while #fcfdfd is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1516
```
#0d1516 rgb(13,21,22)
```
#142122
```
#142122 rgb(20,33,34)
```
#1b2d2f
```
#1b2d2f rgb(27,45,47)
```
#23383b
```
#23383b rgb(35,56,59)
```
#2a4448
```
#2a4448 rgb(42,68,72)
```
#315054
```
#315054 rgb(49,80,84)
```
#385c60
```
#385c60 rgb(56,92,96)
```
#3f686d
```
#3f686d rgb(63,104,109)
```
#477379
```
#477379 rgb(71,115,121)
```
#4e7f86
```
#4e7f86 rgb(78,127,134)
```
#558b92
```
#558b92 rgb(85,139,146)
```
#5c979e
```
#5c979e rgb(92,151,158)
```

Shade Color Variation

#689fa7
```
#689fa7 rgb(104,159,167)
```
#74a7ae
```
#74a7ae rgb(116,167,174)
```
#80afb5
```
#80afb5 rgb(128,175,181)
```
#8db7bc
```
#8db7bc rgb(141,183,188)
```
#99bfc4
```
#99bfc4 rgb(153,191,196)
```
#a6c7cb
```
#a6c7cb rgb(166,199,203)
```
#b2ced2
```
#b2ced2 rgb(178,206,210)
```
#bed6d9
```
#bed6d9 rgb(190,214,217)
```
#cbdee1
```
#cbdee1 rgb(203,222,225)
```
#d7e6e8
```
#d7e6e8 rgb(215,230,232)
```
#e4eeef
```
#e4eeef rgb(228,238,239)
```
#f0f5f6
```
#f0f5f6 rgb(240,245,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#404445
```
#404445 rgb(64,68,69)
```
#3b484a
```
#3b484a rgb(59,72,74)
```
#364c4f
```
#364c4f rgb(54,76,79)
```
#315054
```
#315054 rgb(49,80,84)
```
#2c5459
```
#2c5459 rgb(44,84,89)
```
#27585e
```
#27585e rgb(39,88,94)
```
#225c63
```
#225c63 rgb(34,92,99)
```
#1d6068
```
#1d6068 rgb(29,96,104)
```
#17646e
```
#17646e rgb(23,100,110)
```
#126873
```
#126873 rgb(18,104,115)
```
#0d6c78
```
#0d6c78 rgb(13,108,120)
```
#08707d
```
#08707d rgb(8,112,125)
```
#037482
```
#037482 rgb(3,116,130)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43494a Atypical Achromatopsia 0.001% of the population

Dichromacy

#545359 Protanopia 1% of men
#56525f Deuteranopia 1% of men
#3c585f Tritanopia 0.001% of the population

Trichromacy

#475257 Protanomaly 1% of men, 0.01% of women
#49515b Deuteranomaly 6% of men, 0.4% of women
#38555b Tritanomaly 0.01% of the population

#315054 hex color

#315054 Color Information

#315054 Color Conversion

Color Schemes with #315054

Alternatives to #315054

#315054 Preview

Shades and Tints of #315054

Tones of #315054

Color Blindness Simulator