#311eb4 hex color

In a RGB color space, hex #311eb4 is composed of 19.2% red, 11.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 83.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 247.6 degrees, a saturation of 71.4% and a lightness of 41.2%. #311eb4 color hex could be obtained by blending #623cff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 12
- B 71
RGB color chart
- C 73
- M 83
- Y 0
- K 29
CMYK color chart

● #311eb4 color description : Strong blue.

The hexadecimal color #311eb4 has RGB values of R:49, G:30, B:180 and CMYK values of C:0.73, M:0.83, Y:0, K:0.29. Its decimal value is 3219124.

Hex triplet	311eb4	`#311eb4`
RGB Decimal	49, 30, 180	`rgb(49,30,180)`
RGB Percent	19.2, 11.8, 70.6	`rgb(19.2%,11.8%,70.6%)`
CMYK	73, 83, 0, 29
HSL	247.6°, 71.4, 41.2	`hsl(247.6,71.4%,41.2%)`
HSV (or HSB)	247.6°, 83.3, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.379, 53.117, -74.339
XYZ	9.968, 4.876, 43.593
xyY	0.171, 0.083, 4.876
CIE-LCH	26.379, 91.366, 305.547
CIE-LUV	26.379, -3.922, -90.244
Hunter-Lab	22.082, 41.928, -101.589
Binary	00110001, 00011110, 10110100

#311eb4
```
#311eb4 rgb(49,30,180)
```
#a1b41e
```
#a1b41e rgb(161,180,30)
```

Complementary Color

#1e56b4
```
#1e56b4 rgb(30,86,180)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#7c1eb4
```
#7c1eb4 rgb(124,30,180)
```

Analogous Color

#56b41e
```
#56b41e rgb(86,180,30)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#b47c1e
```
#b47c1e rgb(180,124,30)
```

Split Complementary Color

#1eb431
```
#1eb431 rgb(30,180,49)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#b4311e
```
#b4311e rgb(180,49,30)
```

Triadic Color

#1ea1b4
```
#1ea1b4 rgb(30,161,180)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#b4311e
```
#b4311e rgb(180,49,30)
```
#a1b41e
```
#a1b41e rgb(161,180,30)
```

Tetradic Color

#1f1372
```
#1f1372 rgb(31,19,114)
```
#251788
```
#251788 rgb(37,23,136)
```
#2b1a9e
```
#2b1a9e rgb(43,26,158)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#3722ca
```
#3722ca rgb(55,34,202)
```
#402adb
```
#402adb rgb(64,42,219)
```
#543fdf
```
#543fdf rgb(84,63,223)
```

Monochromatic Color

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

#1e31b4
```
#1e31b4 rgb(30,49,180)
```
#1e24b4
```
#1e24b4 rgb(30,36,180)
```
#241eb4
```
#241eb4 rgb(36,30,180)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#3d1eb4
```
#3d1eb4 rgb(61,30,180)
```
#4a1eb4
```
#4a1eb4 rgb(74,30,180)
```
#561eb4
```
#561eb4 rgb(86,30,180)
```

Similar Colors

Text with hexadecimal color #311eb4

This text has a font color of #311eb4.

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

#311eb4 background color

This paragraph has a background color of #311eb4.

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

#311eb4 border color

This element has a border color of #311eb4.

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

CSS codes

.text {color:#311eb4;}

.background {background-color:#311eb4;}

.border {border:1px solid #311eb4;}

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, #03020c is the darkest color, while #fbfafe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#08051d
```
#08051d rgb(8,5,29)
```
#0c082d
```
#0c082d rgb(12,8,45)
```
#110a3e
```
#110a3e rgb(17,10,62)
```
#160d4f
```
#160d4f rgb(22,13,79)
```
#1a1060
```
#1a1060 rgb(26,16,96)
```
#1f1371
```
#1f1371 rgb(31,19,113)
```
#231682
```
#231682 rgb(35,22,130)
```
#281892
```
#281892 rgb(40,24,146)
```
#2c1ba3
```
#2c1ba3 rgb(44,27,163)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#3621c5
```
#3621c5 rgb(54,33,197)
```
#3a24d6
```
#3a24d6 rgb(58,36,214)
```

Shade Color Variation

#4630dd
```
#4630dd rgb(70,48,221)
```
#5541df
```
#5541df rgb(85,65,223)
```
#6452e2
```
#6452e2 rgb(100,82,226)
```
#7363e5
```
#7363e5 rgb(115,99,229)
```
#8274e8
```
#8274e8 rgb(130,116,232)
```
#9184eb
```
#9184eb rgb(145,132,235)
```
#a095ed
```
#a095ed rgb(160,149,237)
```
#afa6f0
```
#afa6f0 rgb(175,166,240)
```
#beb7f3
```
#beb7f3 rgb(190,183,243)
```
#cdc8f6
```
#cdc8f6 rgb(205,200,246)
```
#ddd8f9
```
#ddd8f9 rgb(221,216,249)
```
#ece9fb
```
#ece9fb rgb(236,233,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#67676b
```
#67676b rgb(103,103,107)
```
#615f73
```
#615f73 rgb(97,95,115)
```
#5b577b
```
#5b577b rgb(91,87,123)
```
#554e84
```
#554e84 rgb(85,78,132)
```
#4f468c
```
#4f468c rgb(79,70,140)
```
#493e94
```
#493e94 rgb(73,62,148)
```
#43369c
```
#43369c rgb(67,54,156)
```
#3d2ea4
```
#3d2ea4 rgb(61,46,164)
```
#3726ac
```
#3726ac rgb(55,38,172)
```
#311eb4
```
#311eb4 rgb(49,30,180)
```
#2b16bc
```
#2b16bc rgb(43,22,188)
```
#250ec4
```
#250ec4 rgb(37,14,196)
```
#1f06cc
```
#1f06cc rgb(31,6,204)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#34304e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#113798 Protanomaly 1% of men, 0.01% of women
#113a8c Deuteranomaly 6% of men, 0.4% of women
#113d76 Tritanomaly 0.01% of the population

#311eb4 hex color

#311eb4 Color Information

#311eb4 Color Conversion

Color Schemes with #311eb4

Alternatives to #311eb4

#311eb4 Preview

Shades and Tints of #311eb4

Tones of #311eb4

Color Blindness Simulator