#1f30d4 hex color

In a RGB color space, hex #1f30d4 is composed of 12.2% red, 18.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 77.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 234.4 degrees, a saturation of 74.5% and a lightness of 47.6%. #1f30d4 color hex could be obtained by blending #3e60ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 19
- B 83
RGB color chart
- C 85
- M 77
- Y 0
- K 17
CMYK color chart

● #1f30d4 color description : Strong blue.

The hexadecimal color #1f30d4 has RGB values of R:31, G:48, B:212 and CMYK values of C:0.85, M:0.77, Y:0, K:0.17. Its decimal value is 2044116.

Hex triplet	1f30d4	`#1f30d4`
RGB Decimal	31, 48, 212	`rgb(31,48,212)`
RGB Percent	12.2, 18.8, 83.1	`rgb(12.2%,18.8%,83.1%)`
CMYK	85, 77, 0, 17
HSL	234.4°, 74.5, 47.6	`hsl(234.4,74.5%,47.6%)`
HSV (or HSB)	234.4°, 85.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.163, 53.298, -83.576
XYZ	13.503, 7.158, 62.954
xyY	0.161, 0.086, 7.158
CIE-LCH	32.163, 99.124, 302.526
CIE-LUV	32.163, -9.806, -108.858
Hunter-Lab	26.754, 43.274, -120.786
Binary	00011111, 00110000, 11010100

#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#d4c31f
```
#d4c31f rgb(212,195,31)
```

Complementary Color

#1f8bd4
```
#1f8bd4 rgb(31,139,212)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#691fd4
```
#691fd4 rgb(105,31,212)
```

Analogous Color

#8bd41f
```
#8bd41f rgb(139,212,31)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#d4691f
```
#d4691f rgb(212,105,31)
```

Split Complementary Color

#30d41f
```
#30d41f rgb(48,212,31)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#d41f30
```
#d41f30 rgb(212,31,48)
```

Triadic Color

#1fd4c3
```
#1fd4c3 rgb(31,212,195)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#d41f30
```
#d41f30 rgb(212,31,48)
```
#d4c31f
```
#d4c31f rgb(212,195,31)
```

Tetradic Color

#152191
```
#152191 rgb(21,33,145)
```
#1826a8
```
#1826a8 rgb(24,38,168)
```
#1c2bbe
```
#1c2bbe rgb(28,43,190)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#2c3de0
```
#2c3de0 rgb(44,61,224)
```
#4352e3
```
#4352e3 rgb(67,82,227)
```
#5966e7
```
#5966e7 rgb(89,102,231)
```

Monochromatic Color

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

#1f5dd4
```
#1f5dd4 rgb(31,93,212)
```
#1f4ed4
```
#1f4ed4 rgb(31,78,212)
```
#1f3fd4
```
#1f3fd4 rgb(31,63,212)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#1f21d4
```
#1f21d4 rgb(31,33,212)
```
#2c1fd4
```
#2c1fd4 rgb(44,31,212)
```
#3b1fd4
```
#3b1fd4 rgb(59,31,212)
```

Similar Colors

Text with hexadecimal color #1f30d4

This text has a font color of #1f30d4.

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

#1f30d4 background color

This paragraph has a background color of #1f30d4.

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

#1f30d4 border color

This element has a border color of #1f30d4.

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

CSS codes

.text {color:#1f30d4;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030518
```
#030518 rgb(3,5,24)
```
#060929
```
#060929 rgb(6,9,41)
```
#080d3a
```
#080d3a rgb(8,13,58)
```
#0b114b
```
#0b114b rgb(11,17,75)
```
#0d155c
```
#0d155c rgb(13,21,92)
```
#10196d
```
#10196d rgb(16,25,109)
```
#121d7e
```
#121d7e rgb(18,29,126)
```
#152190
```
#152190 rgb(21,33,144)
```
#1724a1
```
#1724a1 rgb(23,36,161)
```
#1a28b2
```
#1a28b2 rgb(26,40,178)
```
#1c2cc3
```
#1c2cc3 rgb(28,44,195)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```

Shade Color Variation

#2738df
```
#2738df rgb(39,56,223)
```
#3848e2
```
#3848e2 rgb(56,72,226)
```
#4958e4
```
#4958e4 rgb(73,88,228)
```
#5b68e7
```
#5b68e7 rgb(91,104,231)
```
#6c77e9
```
#6c77e9 rgb(108,119,233)
```
#7d87ec
```
#7d87ec rgb(125,135,236)
```
#8e97ee
```
#8e97ee rgb(142,151,238)
```
#9fa7f1
```
#9fa7f1 rgb(159,167,241)
```
#b0b6f3
```
#b0b6f3 rgb(176,182,243)
```
#c1c6f6
```
#c1c6f6 rgb(193,198,246)
```
#d2d6f8
```
#d2d6f8 rgb(210,214,248)
```
#e3e6fb
```
#e3e6fb rgb(227,230,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#737480
```
#737480 rgb(115,116,128)
```
#6a6d89
```
#6a6d89 rgb(106,109,137)
```
#606593
```
#606593 rgb(96,101,147)
```
#575e9c
```
#575e9c rgb(87,94,156)
```
#4e56a5
```
#4e56a5 rgb(78,86,165)
```
#444eaf
```
#444eaf rgb(68,78,175)
```
#3b47b8
```
#3b47b8 rgb(59,71,184)
```
#323fc1
```
#323fc1 rgb(50,63,193)
```
#2838cb
```
#2838cb rgb(40,56,203)
```
#1f30d4
```
#1f30d4 rgb(31,48,212)
```
#1628dd
```
#1628dd rgb(22,40,221)
```
#0c21e7
```
#0c21e7 rgb(12,33,231)
```
#0319f0
```
#0319f0 rgb(3,25,240)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#383b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0b46b3 Protanomaly 1% of men, 0.01% of women
#0b49a5 Deuteranomaly 6% of men, 0.4% of women
#0b4c8b Tritanomaly 0.01% of the population

#1f30d4 hex color

#1f30d4 Color Information

#1f30d4 Color Conversion

Color Schemes with #1f30d4

Alternatives to #1f30d4

#1f30d4 Preview

Shades and Tints of #1f30d4

Tones of #1f30d4

Color Blindness Simulator