#1f30c6 hex color

In a RGB color space, hex #1f30c6 is composed of 12.2% red, 18.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 75.8% magenta, 0% yellow and 22.4% black. It has a hue angle of 233.9 degrees, a saturation of 72.9% and a lightness of 44.9%. #1f30c6 color hex could be obtained by blending #3e60ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 19
- B 78
RGB color chart
- C 84
- M 76
- Y 0
- K 22
CMYK color chart

● #1f30c6 color description : Strong blue.

The hexadecimal color #1f30c6 has RGB values of R:31, G:48, B:198 and CMYK values of C:0.84, M:0.76, Y:0, K:0.22. Its decimal value is 2044102.

Hex triplet	1f30c6	`#1f30c6`
RGB Decimal	31, 48, 198	`rgb(31,48,198)`
RGB Percent	12.2, 18.8, 77.6	`rgb(12.2%,18.8%,77.6%)`
CMYK	84, 76, 0, 22
HSL	233.9°, 72.9, 44.9	`hsl(233.9,72.9%,44.9%)`
HSV (or HSB)	233.9°, 84.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.596, 48.677, -78.022
XYZ	11.813, 6.482, 54.051
xyY	0.163, 0.09, 6.482
CIE-LCH	30.596, 91.961, 301.96
CIE-LUV	30.596, -9.387, -100.724
Hunter-Lab	25.459, 38.271, -108.056
Binary	00011111, 00110000, 11000110

#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#c6b51f
```
#c6b51f rgb(198,181,31)
```

Complementary Color

#1f84c6
```
#1f84c6 rgb(31,132,198)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#621fc6
```
#621fc6 rgb(98,31,198)
```

Analogous Color

#84c61f
```
#84c61f rgb(132,198,31)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#c6621f
```
#c6621f rgb(198,98,31)
```

Split Complementary Color

#30c61f
```
#30c61f rgb(48,198,31)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#c61f30
```
#c61f30 rgb(198,31,48)
```

Triadic Color

#1fc6b5
```
#1fc6b5 rgb(31,198,181)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#c61f30
```
#c61f30 rgb(198,31,48)
```
#c6b51f
```
#c6b51f rgb(198,181,31)
```

Tetradic Color

#152084
```
#152084 rgb(21,32,132)
```
#18259a
```
#18259a rgb(24,37,154)
```
#1c2bb0
```
#1c2bb0 rgb(28,43,176)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#2235dc
```
#2235dc rgb(34,53,220)
```
#3849e0
```
#3849e0 rgb(56,73,224)
```
#4e5de3
```
#4e5de3 rgb(78,93,227)
```

Monochromatic Color

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

#1f5ac6
```
#1f5ac6 rgb(31,90,198)
```
#1f4cc6
```
#1f4cc6 rgb(31,76,198)
```
#1f3ec6
```
#1f3ec6 rgb(31,62,198)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#2a1fc6
```
#2a1fc6 rgb(42,31,198)
```
#381fc6
```
#381fc6 rgb(56,31,198)
```

Similar Colors

Text with hexadecimal color #1f30c6

This text has a font color of #1f30c6.

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

#1f30c6 background color

This paragraph has a background color of #1f30c6.

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

#1f30c6 border color

This element has a border color of #1f30c6.

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

CSS codes

.text {color:#1f30c6;}

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

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

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

#02030b
```
#02030b rgb(2,3,11)
```
#04071c
```
#04071c rgb(4,7,28)
```
#070b2d
```
#070b2d rgb(7,11,45)
```
#0a0f3e
```
#0a0f3e rgb(10,15,62)
```
#0c134f
```
#0c134f rgb(12,19,79)
```
#0f1760
```
#0f1760 rgb(15,23,96)
```
#121b71
```
#121b71 rgb(18,27,113)
```
#142082
```
#142082 rgb(20,32,130)
```
#172493
```
#172493 rgb(23,36,147)
```
#1a28a4
```
#1a28a4 rgb(26,40,164)
```
#1c2cb5
```
#1c2cb5 rgb(28,44,181)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#2234d7
```
#2234d7 rgb(34,52,215)
```

Shade Color Variation

#2e40de
```
#2e40de rgb(46,64,222)
```
#3f4fe1
```
#3f4fe1 rgb(63,79,225)
```
#505fe4
```
#505fe4 rgb(80,95,228)
```
#616ee6
```
#616ee6 rgb(97,110,230)
```
#727ee9
```
#727ee9 rgb(114,126,233)
```
#838dec
```
#838dec rgb(131,141,236)
```
#949dee
```
#949dee rgb(148,157,238)
```
#a5acf1
```
#a5acf1 rgb(165,172,241)
```
#b6bcf4
```
#b6bcf4 rgb(182,188,244)
```
#c7cbf6
```
#c7cbf6 rgb(199,203,246)
```
#d8dbf9
```
#d8dbf9 rgb(216,219,249)
```
#e9eafb
```
#e9eafb rgb(233,234,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6f77 is the less saturated color, while #051be0 is the most saturated one.

#6e6f77
```
#6e6f77 rgb(110,111,119)
```
#656880
```
#656880 rgb(101,104,128)
```
#5d6188
```
#5d6188 rgb(93,97,136)
```
#545a91
```
#545a91 rgb(84,90,145)
```
#4b539a
```
#4b539a rgb(75,83,154)
```
#424ca3
```
#424ca3 rgb(66,76,163)
```
#3945ac
```
#3945ac rgb(57,69,172)
```
#313eb4
```
#313eb4 rgb(49,62,180)
```
#2837bd
```
#2837bd rgb(40,55,189)
```
#1f30c6
```
#1f30c6 rgb(31,48,198)
```
#1629cf
```
#1629cf rgb(22,41,207)
```
#0d22d8
```
#0d22d8 rgb(13,34,216)
```
#051be0
```
#051be0 rgb(5,27,224)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0b43a9 Protanomaly 1% of men, 0.01% of women
#0b469c Deuteranomaly 6% of men, 0.4% of women
#0b4a83 Tritanomaly 0.01% of the population

#1f30c6 hex color

#1f30c6 Color Information

#1f30c6 Color Conversion

Color Schemes with #1f30c6

Alternatives to #1f30c6

#1f30c6 Preview

Shades and Tints of #1f30c6

Tones of #1f30c6

Color Blindness Simulator