#1f30dd hex color

In a RGB color space, hex #1f30dd is composed of 12.2% red, 18.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 78.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 234.6 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f30dd color hex could be obtained by blending #3e60ff 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

● #1f30dd color description : Vivid blue.

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

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

CIE-LAB	33.188, 56.189, -87.064
XYZ	14.671, 7.625, 69.101
xyY	0.161, 0.083, 7.625
CIE-LCH	33.188, 103.621, 302.837
CIE-LUV	33.188, -10.082, -114.039
Hunter-Lab	27.613, 46.515, -129.045
Binary	00011111, 00110000, 11011101

#1f30dd
```
#1f30dd rgb(31,48,221)
```
#ddcc1f
```
#ddcc1f rgb(221,204,31)
```

Complementary Color

#1f8fdd
```
#1f8fdd rgb(31,143,221)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#6d1fdd
```
#6d1fdd rgb(109,31,221)
```

Analogous Color

#8fdd1f
```
#8fdd1f rgb(143,221,31)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#dd6d1f
```
#dd6d1f rgb(221,109,31)
```

Split Complementary Color

#30dd1f
```
#30dd1f rgb(48,221,31)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#dd1f30
```
#dd1f30 rgb(221,31,48)
```

Triadic Color

#1fddcc
```
#1fddcc rgb(31,221,204)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#dd1f30
```
#dd1f30 rgb(221,31,48)
```
#ddcc1f
```
#ddcc1f rgb(221,204,31)
```

Tetradic Color

#16219a
```
#16219a rgb(22,33,154)
```
#1926b0
```
#1926b0 rgb(25,38,176)
```
#1c2bc7
```
#1c2bc7 rgb(28,43,199)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#3343e2
```
#3343e2 rgb(51,67,226)
```
#4957e6
```
#4957e6 rgb(73,87,230)
```
#606ce9
```
#606ce9 rgb(96,108,233)
```

Monochromatic Color

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

#1f5fdd
```
#1f5fdd rgb(31,95,221)
```
#1f50dd
```
#1f50dd rgb(31,80,221)
```
#1f40dd
```
#1f40dd rgb(31,64,221)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#1f20dd
```
#1f20dd rgb(31,32,221)
```
#2e1fdd
```
#2e1fdd rgb(46,31,221)
```
#3e1fdd
```
#3e1fdd rgb(62,31,221)
```

Similar Colors

Text with hexadecimal color #1f30dd

This text has a font color of #1f30dd.

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

#1f30dd background color

This paragraph has a background color of #1f30dd.

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

#1f30dd border color

This element has a border color of #1f30dd.

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

CSS codes

.text {color:#1f30dd;}

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

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

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)
```
#090e42
```
#090e42 rgb(9,14,66)
```
#0c1253
```
#0c1253 rgb(12,18,83)
```
#0e1665
```
#0e1665 rgb(14,22,101)
```
#111a76
```
#111a76 rgb(17,26,118)
```
#131d87
```
#131d87 rgb(19,29,135)
```
#152198
```
#152198 rgb(21,33,152)
```
#1825a9
```
#1825a9 rgb(24,37,169)
```
#1a29bb
```
#1a29bb rgb(26,41,187)
```
#1d2ccc
```
#1d2ccc rgb(29,44,204)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```

Shade Color Variation

#2e3ee2
```
#2e3ee2 rgb(46,62,226)
```
#3f4ee4
```
#3f4ee4 rgb(63,78,228)
```
#505ee7
```
#505ee7 rgb(80,94,231)
```
#626ee9
```
#626ee9 rgb(98,110,233)
```
#737eeb
```
#737eeb rgb(115,126,235)
```
#848dee
```
#848dee rgb(132,141,238)
```
#959df0
```
#959df0 rgb(149,157,240)
```
#a6adf3
```
#a6adf3 rgb(166,173,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 #0218fa 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)
```
#3c48c0
```
#3c48c0 rgb(60,72,192)
```
#3240ca
```
#3240ca rgb(50,64,202)
```
#2938d3
```
#2938d3 rgb(41,56,211)
```
#1f30dd
```
#1f30dd rgb(31,48,221)
```
#1528e7
```
#1528e7 rgb(21,40,231)
```
#0c20f0
```
#0c20f0 rgb(12,32,240)
```
#0218fa
```
#0218fa rgb(2,24,250)
```

Tone Color Variation

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

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0b47b9 Protanomaly 1% of men, 0.01% of women
#0b4aaa Deuteranomaly 6% of men, 0.4% of women
#0b4e90 Tritanomaly 0.01% of the population

#1f30dd hex color

#1f30dd Color Information

#1f30dd Color Conversion

Color Schemes with #1f30dd

Alternatives to #1f30dd

#1f30dd Preview

Shades and Tints of #1f30dd

Tones of #1f30dd

Color Blindness Simulator