#31658a hex color

In a RGB color space, hex #31658a is composed of 19.2% red, 39.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 26.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 204.9 degrees, a saturation of 47.6% and a lightness of 36.7%. #31658a color hex could be obtained by blending #62caff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 54
RGB color chart
- C 64
- M 27
- Y 0
- K 46
CMYK color chart

● #31658a color description : Dark moderate blue.

The hexadecimal color #31658a has RGB values of R:49, G:101, B:138 and CMYK values of C:0.64, M:0.27, Y:0, K:0.46. Its decimal value is 3237258.

Hex triplet	31658a	`#31658a`
RGB Decimal	49, 101, 138	`rgb(49,101,138)`
RGB Percent	19.2, 39.6, 54.1	`rgb(19.2%,39.6%,54.1%)`
CMYK	64, 27, 0, 46
HSL	204.9°, 47.6, 36.7	`hsl(204.9,47.6%,36.7%)`
HSV (or HSB)	204.9°, 64.5, 54.1
Web Safe	336699	`#336699`

CIE-LAB	40.888, -5.242, -25.625
XYZ	10.507, 11.795, 25.766
xyY	0.219, 0.245, 11.795
CIE-LCH	40.888, 26.155, 258.438
CIE-LUV	40.888, -20.775, -35.798
Hunter-Lab	34.343, -5.492, -20.442
Binary	00110001, 01100101, 10001010

#31658a
```
#31658a rgb(49,101,138)
```
#8a5631
```
#8a5631 rgb(138,86,49)
```

Complementary Color

#318a83
```
#318a83 rgb(49,138,131)
```
#31658a
```
#31658a rgb(49,101,138)
```
#31398a
```
#31398a rgb(49,57,138)
```

Analogous Color

#8a8331
```
#8a8331 rgb(138,131,49)
```
#31658a
```
#31658a rgb(49,101,138)
```
#8a3139
```
#8a3139 rgb(138,49,57)
```

Split Complementary Color

#658a31
```
#658a31 rgb(101,138,49)
```
#31658a
```
#31658a rgb(49,101,138)
```
#8a3165
```
#8a3165 rgb(138,49,101)
```

Triadic Color

#318a56
```
#318a56 rgb(49,138,86)
```
#31658a
```
#31658a rgb(49,101,138)
```
#8a3165
```
#8a3165 rgb(138,49,101)
```
#8a5631
```
#8a5631 rgb(138,86,49)
```

Tetradic Color

#1d3c52
```
#1d3c52 rgb(29,60,82)
```
#244964
```
#244964 rgb(36,73,100)
```
#2a5777
```
#2a5777 rgb(42,87,119)
```
#31658a
```
#31658a rgb(49,101,138)
```
#38739d
```
#38739d rgb(56,115,157)
```
#3e81b0
```
#3e81b0 rgb(62,129,176)
```
#498ebe
```
#498ebe rgb(73,142,190)
```

Monochromatic Color

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

#317b8a
```
#317b8a rgb(49,123,138)
```
#31748a
```
#31748a rgb(49,116,138)
```
#316c8a
```
#316c8a rgb(49,108,138)
```
#31658a
```
#31658a rgb(49,101,138)
```
#315e8a
```
#315e8a rgb(49,94,138)
```
#31568a
```
#31568a rgb(49,86,138)
```
#314f8a
```
#314f8a rgb(49,79,138)
```

Similar Colors

Text with hexadecimal color #31658a

This text has a font color of #31658a.

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

#31658a background color

This paragraph has a background color of #31658a.

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

#31658a border color

This element has a border color of #31658a.

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

CSS codes

.text {color:#31658a;}

.background {background-color:#31658a;}

.border {border:1px solid #31658a;}

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

#030608
```
#030608 rgb(3,6,8)
```
#081016
```
#081016 rgb(8,16,22)
```
#0d1b25
```
#0d1b25 rgb(13,27,37)
```
#122533
```
#122533 rgb(18,37,51)
```
#173042
```
#173042 rgb(23,48,66)
```
#1c3b50
```
#1c3b50 rgb(28,59,80)
```
#22455f
```
#22455f rgb(34,69,95)
```
#27506d
```
#27506d rgb(39,80,109)
```
#2c5a7c
```
#2c5a7c rgb(44,90,124)
```
#31658a
```
#31658a rgb(49,101,138)
```
#367098
```
#367098 rgb(54,112,152)
```
#3b7aa7
```
#3b7aa7 rgb(59,122,167)
```
#4085b5
```
#4085b5 rgb(64,133,181)
```

Shade Color Variation

#4b8fbf
```
#4b8fbf rgb(75,143,191)
```
#5998c4
```
#5998c4 rgb(89,152,196)
```
#67a1c9
```
#67a1c9 rgb(103,161,201)
```
#76aace
```
#76aace rgb(118,170,206)
```
#84b3d3
```
#84b3d3 rgb(132,179,211)
```
#93bcd9
```
#93bcd9 rgb(147,188,217)
```
#a1c5de
```
#a1c5de rgb(161,197,222)
```
#b0cee3
```
#b0cee3 rgb(176,206,227)
```
#bed7e8
```
#bed7e8 rgb(190,215,232)
```
#cde0ed
```
#cde0ed rgb(205,224,237)
```
#dbe9f2
```
#dbe9f2 rgb(219,233,242)
```
#eaf2f7
```
#eaf2f7 rgb(234,242,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#5c5e5f
```
#5c5e5f rgb(92,94,95)
```
#555f66
```
#555f66 rgb(85,95,102)
```
#4e606d
```
#4e606d rgb(78,96,109)
```
#476174
```
#476174 rgb(71,97,116)
```
#3f637c
```
#3f637c rgb(63,99,124)
```
#386483
```
#386483 rgb(56,100,131)
```
#31658a
```
#31658a rgb(49,101,138)
```
#2a6691
```
#2a6691 rgb(42,102,145)
```
#236798
```
#236798 rgb(35,103,152)
```
#1b69a0
```
#1b69a0 rgb(27,105,160)
```
#146aa7
```
#146aa7 rgb(20,106,167)
```
#0d6bae
```
#0d6bae rgb(13,107,174)
```
#066cb5
```
#066cb5 rgb(6,108,181)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c678c Protanopia 1% of men
#566792 Deuteranopia 1% of men
#2d7179 Tritanopia 0.001% of the population

Trichromacy

#4c668b Protanomaly 1% of men, 0.01% of women
#49668f Deuteranomaly 6% of men, 0.4% of women
#2e6c7f Tritanomaly 0.01% of the population

#31658a hex color

#31658a Color Information

#31658a Color Conversion

Color Schemes with #31658a

Alternatives to #31658a

#31658a Preview

Shades and Tints of #31658a

Tones of #31658a

Color Blindness Simulator