#311498 hex color

In a RGB color space, hex #311498 is composed of 19.2% red, 7.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 86.8% magenta, 0% yellow and 40.4% black. It has a hue angle of 253.2 degrees, a saturation of 76.7% and a lightness of 33.7%. #311498 color hex could be obtained by blending #6228ff with #000031. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 8
- B 60
RGB color chart
- C 68
- M 87
- Y 0
- K 40
CMYK color chart

● #311498 color description : Dark blue.

The hexadecimal color #311498 has RGB values of R:49, G:20, B:152 and CMYK values of C:0.68, M:0.87, Y:0, K:0.4. Its decimal value is 3216536.

Hex triplet	311498	`#311498`
RGB Decimal	49, 20, 152	`rgb(49,20,152)`
RGB Percent	19.2, 7.8, 59.6	`rgb(19.2%,7.8%,59.6%)`
CMYK	68, 87, 0, 40
HSL	253.2°, 76.7, 33.7	`hsl(253.2,76.7%,33.7%)`
HSV (or HSB)	253.2°, 86.8, 59.6
Web Safe	330099	`#330099`

CIE-LAB	21.653, 49.099, -65.202
XYZ	7.183, 3.42, 29.986
xyY	0.177, 0.084, 3.42
CIE-LCH	21.653, 81.621, 306.981
CIE-LUV	21.653, -1.203, -73.463
Hunter-Lab	18.493, 36.971, -83.19
Binary	00110001, 00010100, 10011000

#311498
```
#311498 rgb(49,20,152)
```
#7b9814
```
#7b9814 rgb(123,152,20)
```

Complementary Color

#143998
```
#143998 rgb(20,57,152)
```
#311498
```
#311498 rgb(49,20,152)
```
#731498
```
#731498 rgb(115,20,152)
```

Analogous Color

#399814
```
#399814 rgb(57,152,20)
```
#311498
```
#311498 rgb(49,20,152)
```
#987314
```
#987314 rgb(152,115,20)
```

Split Complementary Color

#149831
```
#149831 rgb(20,152,49)
```
#311498
```
#311498 rgb(49,20,152)
```
#983114
```
#983114 rgb(152,49,20)
```

Triadic Color

#147b98
```
#147b98 rgb(20,123,152)
```
#311498
```
#311498 rgb(49,20,152)
```
#983114
```
#983114 rgb(152,49,20)
```
#7b9814
```
#7b9814 rgb(123,152,20)
```

Tetradic Color

#1b0b54
```
#1b0b54 rgb(27,11,84)
```
#220e6b
```
#220e6b rgb(34,14,107)
```
#2a1181
```
#2a1181 rgb(42,17,129)
```
#311498
```
#311498 rgb(49,20,152)
```
#3817af
```
#3817af rgb(56,23,175)
```
#401ac5
```
#401ac5 rgb(64,26,197)
```
#471ddc
```
#471ddc rgb(71,29,220)
```

Monochromatic Color

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

#141898
```
#141898 rgb(20,24,152)
```
#1b1498
```
#1b1498 rgb(27,20,152)
```
#261498
```
#261498 rgb(38,20,152)
```
#311498
```
#311498 rgb(49,20,152)
```
#3c1498
```
#3c1498 rgb(60,20,152)
```
#471498
```
#471498 rgb(71,20,152)
```
#521498
```
#521498 rgb(82,20,152)
```

Similar Colors

Text with hexadecimal color #311498

This text has a font color of #311498.

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

#311498 background color

This paragraph has a background color of #311498.

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

#311498 border color

This element has a border color of #311498.

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

CSS codes

.text {color:#311498;}

.background {background-color:#311498;}

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

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, #04020d is the darkest color, while #fcfbfe is the lightest one.

#04020d
```
#04020d rgb(4,2,13)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#0f0630
```
#0f0630 rgb(15,6,48)
```
#150941
```
#150941 rgb(21,9,65)
```
#1b0b53
```
#1b0b53 rgb(27,11,83)
```
#200d64
```
#200d64 rgb(32,13,100)
```
#260f75
```
#260f75 rgb(38,15,117)
```
#2b1287
```
#2b1287 rgb(43,18,135)
```
#311498
```
#311498 rgb(49,20,152)
```
#3716a9
```
#3716a9 rgb(55,22,169)
```
#3c19bb
```
#3c19bb rgb(60,25,187)
```
#421bcc
```
#421bcc rgb(66,27,204)
```
#471ddd
```
#471ddd rgb(71,29,221)
```

Shade Color Variation

#532be3
```
#532be3 rgb(83,43,227)
```
#613ce5
```
#613ce5 rgb(97,60,229)
```
#6f4ee8
```
#6f4ee8 rgb(111,78,232)
```
#7e5fea
```
#7e5fea rgb(126,95,234)
```
#8c70ec
```
#8c70ec rgb(140,112,236)
```
#9a82ef
```
#9a82ef rgb(154,130,239)
```
#a893f1
```
#a893f1 rgb(168,147,241)
```
#b6a4f3
```
#b6a4f3 rgb(182,164,243)
```
#c4b6f5
```
#c4b6f5 rgb(196,182,245)
```
#d2c7f8
```
#d2c7f8 rgb(210,199,248)
```
#e0d8fa
```
#e0d8fa rgb(224,216,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#52505c
```
#52505c rgb(82,80,92)
```
#4f4963
```
#4f4963 rgb(79,73,99)
```
#4b426a
```
#4b426a rgb(75,66,106)
```
#473c70
```
#473c70 rgb(71,60,112)
```
#443577
```
#443577 rgb(68,53,119)
```
#402e7e
```
#402e7e rgb(64,46,126)
```
#3c2884
```
#3c2884 rgb(60,40,132)
```
#38218b
```
#38218b rgb(56,33,139)
```
#351b91
```
#351b91 rgb(53,27,145)
```
#311498
```
#311498 rgb(49,20,152)
```
#2d0d9f
```
#2d0d9f rgb(45,13,159)
```
#2a07a5
```
#2a07a5 rgb(42,7,165)
```
#2600ac
```
#2600ac rgb(38,0,172)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#112d82 Protanomaly 1% of men, 0.01% of women
#113078 Deuteranomaly 6% of men, 0.4% of women
#113265 Tritanomaly 0.01% of the population

#311498 hex color

#311498 Color Information

#311498 Color Conversion

Color Schemes with #311498

Alternatives to #311498

#311498 Preview

Shades and Tints of #311498

Tones of #311498

Color Blindness Simulator