#1f31dd hex color

In a RGB color space, hex #1f31dd is composed of 12.2% red, 19.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 77.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 234.3 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f31dd color hex could be obtained by blending #3e62ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 19
- B 87
RGB color chart
- C 86
- M 78
- Y 0
- K 13
CMYK color chart

● #1f31dd color description : Vivid blue.

The hexadecimal color #1f31dd has RGB values of R:31, G:49, B:221 and CMYK values of C:0.86, M:0.78, Y:0, K:0.13. Its decimal value is 2044381.

Hex triplet	1f31dd	`#1f31dd`
RGB Decimal	31, 49, 221	`rgb(31,49,221)`
RGB Percent	12.2, 19.2, 86.7	`rgb(12.2%,19.2%,86.7%)`
CMYK	86, 78, 0, 13
HSL	234.3°, 75.4, 49.4	`hsl(234.3,75.4%,49.4%)`
HSV (or HSB)	234.3°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.366, 55.677, -86.77
XYZ	14.712, 7.707, 69.115
xyY	0.161, 0.084, 7.707
CIE-LCH	33.366, 103.097, 302.687
CIE-LUV	33.366, -10.22, -114.038
Hunter-Lab	27.762, 46.009, -128.172
Binary	00011111, 00110001, 11011101

#1f31dd
```
#1f31dd rgb(31,49,221)
```
#ddcb1f
```
#ddcb1f rgb(221,203,31)
```

Complementary Color

#1f90dd
```
#1f90dd rgb(31,144,221)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#6c1fdd
```
#6c1fdd rgb(108,31,221)
```

Analogous Color

#90dd1f
```
#90dd1f rgb(144,221,31)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#dd6c1f
```
#dd6c1f rgb(221,108,31)
```

Split Complementary Color

#31dd1f
```
#31dd1f rgb(49,221,31)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#dd1f31
```
#dd1f31 rgb(221,31,49)
```

Triadic Color

#1fddcb
```
#1fddcb rgb(31,221,203)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#dd1f31
```
#dd1f31 rgb(221,31,49)
```
#ddcb1f
```
#ddcb1f rgb(221,203,31)
```

Tetradic Color

#16229a
```
#16229a rgb(22,34,154)
```
#1927b0
```
#1927b0 rgb(25,39,176)
```
#1c2cc7
```
#1c2cc7 rgb(28,44,199)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#3344e2
```
#3344e2 rgb(51,68,226)
```
#4958e6
```
#4958e6 rgb(73,88,230)
```
#606de9
```
#606de9 rgb(96,109,233)
```

Monochromatic Color

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

#1f61dd
```
#1f61dd rgb(31,97,221)
```
#1f51dd
```
#1f51dd rgb(31,81,221)
```
#1f41dd
```
#1f41dd rgb(31,65,221)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#1f21dd
```
#1f21dd rgb(31,33,221)
```
#2d1fdd
```
#2d1fdd rgb(45,31,221)
```
#3d1fdd
```
#3d1fdd rgb(61,31,221)
```

Similar Colors

Text with hexadecimal color #1f31dd

This text has a font color of #1f31dd.

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

#1f31dd background color

This paragraph has a background color of #1f31dd.

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

#1f31dd border color

This element has a border color of #1f31dd.

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

CSS codes

.text {color:#1f31dd;}

.background {background-color:#1f31dd;}

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

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, #02030f is the darkest color, while #fcfdff is the lightest one.

#02030f
```
#02030f rgb(2,3,15)
```
#040720
```
#040720 rgb(4,7,32)
```
#070b31
```
#070b31 rgb(7,11,49)
```
#090f42
```
#090f42 rgb(9,15,66)
```
#0c1253
```
#0c1253 rgb(12,18,83)
```
#0e1665
```
#0e1665 rgb(14,22,101)
```
#111a76
```
#111a76 rgb(17,26,118)
```
#131e87
```
#131e87 rgb(19,30,135)
```
#152298
```
#152298 rgb(21,34,152)
```
#1826a9
```
#1826a9 rgb(24,38,169)
```
#1a29bb
```
#1a29bb rgb(26,41,187)
```
#1d2dcc
```
#1d2dcc rgb(29,45,204)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```

Shade Color Variation

#2e3fe2
```
#2e3fe2 rgb(46,63,226)
```
#3f4fe4
```
#3f4fe4 rgb(63,79,228)
```
#505fe7
```
#505fe7 rgb(80,95,231)
```
#626ee9
```
#626ee9 rgb(98,110,233)
```
#737eeb
```
#737eeb rgb(115,126,235)
```
#848eee
```
#848eee rgb(132,142,238)
```
#959ef0
```
#959ef0 rgb(149,158,240)
```
#a6aef3
```
#a6aef3 rgb(166,174,243)
```
#b8bdf5
```
#b8bdf5 rgb(184,189,245)
```
#c9cdf7
```
#c9cdf7 rgb(201,205,247)
```
#daddfa
```
#daddfa rgb(218,221,250)
```
#ebedfc
```
#ebedfc rgb(235,237,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#767886
```
#767886 rgb(118,120,134)
```
#6d708f
```
#6d708f rgb(109,112,143)
```
#636899
```
#636899 rgb(99,104,153)
```
#5960a3
```
#5960a3 rgb(89,96,163)
```
#4f58ad
```
#4f58ad rgb(79,88,173)
```
#4650b6
```
#4650b6 rgb(70,80,182)
```
#3c49c0
```
#3c49c0 rgb(60,73,192)
```
#3241ca
```
#3241ca rgb(50,65,202)
```
#2939d3
```
#2939d3 rgb(41,57,211)
```
#1f31dd
```
#1f31dd rgb(31,49,221)
```
#1529e7
```
#1529e7 rgb(21,41,231)
```
#0c21f0
```
#0c21f0 rgb(12,33,240)
```
#0219fa
```
#0219fa rgb(2,25,250)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#393c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0b48b9 Protanomaly 1% of men, 0.01% of women
#0b4bab Deuteranomaly 6% of men, 0.4% of women
#0b4f90 Tritanomaly 0.01% of the population

#1f31dd hex color

#1f31dd Color Information

#1f31dd Color Conversion

Color Schemes with #1f31dd

Alternatives to #1f31dd

#1f31dd Preview

Shades and Tints of #1f31dd

Tones of #1f31dd

Color Blindness Simulator