#31454c hex color

In a RGB color space, hex #31454c is composed of 19.2% red, 27.1% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 9.2% magenta, 0% yellow and 70.2% black. It has a hue angle of 195.6 degrees, a saturation of 21.6% and a lightness of 24.5%. #31454c color hex could be obtained by blending #628a98 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 27
- B 30
RGB color chart
- C 36
- M 9
- Y 0
- K 70
CMYK color chart

● #31454c color description : Very dark desaturated blue.

The hexadecimal color #31454c has RGB values of R:49, G:69, B:76 and CMYK values of C:0.36, M:0.09, Y:0, K:0.7. Its decimal value is 3229004.

Hex triplet	31454c	`#31454c`
RGB Decimal	49, 69, 76	`rgb(49,69,76)`
RGB Percent	19.2, 27.1, 29.8	`rgb(19.2%,27.1%,29.8%)`
CMYK	36, 9, 0, 70
HSL	195.6°, 21.6, 24.5	`hsl(195.6,21.6%,24.5%)`
HSV (or HSB)	195.6°, 35.5, 29.8
Web Safe	333333	`#333333`

CIE-LAB	27.929, -5.838, -6.744
XYZ	4.699, 5.431, 7.638
xyY	0.264, 0.306, 5.431
CIE-LCH	27.929, 8.92, 229.118
CIE-LUV	27.929, -9.265, -7.343
Hunter-Lab	23.304, -4.79, -3.119
Binary	00110001, 01000101, 01001100

#31454c
```
#31454c rgb(49,69,76)
```
#4c3831
```
#4c3831 rgb(76,56,49)
```

Complementary Color

#314c46
```
#314c46 rgb(49,76,70)
```
#31454c
```
#31454c rgb(49,69,76)
```
#31384c
```
#31384c rgb(49,56,76)
```

Analogous Color

#4c4631
```
#4c4631 rgb(76,70,49)
```
#31454c
```
#31454c rgb(49,69,76)
```
#4c3138
```
#4c3138 rgb(76,49,56)
```

Split Complementary Color

#454c31
```
#454c31 rgb(69,76,49)
```
#31454c
```
#31454c rgb(49,69,76)
```
#4c3145
```
#4c3145 rgb(76,49,69)
```

Triadic Color

#314c38
```
#314c38 rgb(49,76,56)
```
#31454c
```
#31454c rgb(49,69,76)
```
#4c3145
```
#4c3145 rgb(76,49,69)
```
#4c3831
```
#4c3831 rgb(76,56,49)
```

Tetradic Color

#131b1d
```
#131b1d rgb(19,27,29)
```
#1d292d
```
#1d292d rgb(29,41,45)
```
#27373c
```
#27373c rgb(39,55,60)
```
#31454c
```
#31454c rgb(49,69,76)
```
#3b535c
```
#3b535c rgb(59,83,92)
```
#45616b
```
#45616b rgb(69,97,107)
```
#4f6f7b
```
#4f6f7b rgb(79,111,123)
```

Monochromatic Color

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

#314c4c
```
#314c4c rgb(49,76,76)
```
#314a4c
```
#314a4c rgb(49,74,76)
```
#31474c
```
#31474c rgb(49,71,76)
```
#31454c
```
#31454c rgb(49,69,76)
```
#31434c
```
#31434c rgb(49,67,76)
```
#31414c
```
#31414c rgb(49,65,76)
```
#313e4c
```
#313e4c rgb(49,62,76)
```

Similar Colors

Text with hexadecimal color #31454c

This text has a font color of #31454c.

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

#31454c background color

This paragraph has a background color of #31454c.

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

#31454c border color

This element has a border color of #31454c.

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

CSS codes

.text {color:#31454c;}

.background {background-color:#31454c;}

.border {border:1px solid #31454c;}

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f10
```
#0b0f10 rgb(11,15,16)
```
#121a1c
```
#121a1c rgb(18,26,28)
```
#1a2528
```
#1a2528 rgb(26,37,40)
```
#222f34
```
#222f34 rgb(34,47,52)
```
#293a40
```
#293a40 rgb(41,58,64)
```
#31454c
```
#31454c rgb(49,69,76)
```
#395058
```
#395058 rgb(57,80,88)
```
#405b64
```
#405b64 rgb(64,91,100)
```
#486570
```
#486570 rgb(72,101,112)
```
#50707c
```
#50707c rgb(80,112,124)
```
#577b88
```
#577b88 rgb(87,123,136)
```
#5f8694
```
#5f8694 rgb(95,134,148)
```

Shade Color Variation

#68909e
```
#68909e rgb(104,144,158)
```
#7499a6
```
#7499a6 rgb(116,153,166)
```
#80a2ad
```
#80a2ad rgb(128,162,173)
```
#8caab5
```
#8caab5 rgb(140,170,181)
```
#98b3bd
```
#98b3bd rgb(152,179,189)
```
#a4bcc4
```
#a4bcc4 rgb(164,188,196)
```
#b0c5cc
```
#b0c5cc rgb(176,197,204)
```
#bcced4
```
#bcced4 rgb(188,206,212)
```
#c8d6db
```
#c8d6db rgb(200,214,219)
```
#d4dfe3
```
#d4dfe3 rgb(212,223,227)
```
#e0e8eb
```
#e0e8eb rgb(224,232,235)
```
#ecf1f2
```
#ecf1f2 rgb(236,241,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#3b4042
```
#3b4042 rgb(59,64,66)
```
#364347
```
#364347 rgb(54,67,71)
```
#31454c
```
#31454c rgb(49,69,76)
```
#2c4751
```
#2c4751 rgb(44,71,81)
```
#274a56
```
#274a56 rgb(39,74,86)
```
#234c5a
```
#234c5a rgb(35,76,90)
```
#1e4e5f
```
#1e4e5f rgb(30,78,95)
```
#195164
```
#195164 rgb(25,81,100)
```
#145369
```
#145369 rgb(20,83,105)
```
#0f556e
```
#0f556e rgb(15,85,110)
```
#0b5872
```
#0b5872 rgb(11,88,114)
```
#065a77
```
#065a77 rgb(6,90,119)
```
#015c7c
```
#015c7c rgb(1,92,124)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4b53 Protanopia 1% of men
#4d4a56 Deuteranopia 1% of men
#3b4e54 Tritanopia 0.001% of the population

Trichromacy

#414850 Protanomaly 1% of men, 0.01% of women
#424852 Deuteranomaly 6% of men, 0.4% of women
#374b51 Tritanomaly 0.01% of the population

#31454c hex color

#31454c Color Information

#31454c Color Conversion

Color Schemes with #31454c

Alternatives to #31454c

#31454c Preview

Shades and Tints of #31454c

Tones of #31454c

Color Blindness Simulator