#1f30bd hex color

In a RGB color space, hex #1f30bd is composed of 12.2% red, 18.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 74.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 233.5 degrees, a saturation of 71.8% and a lightness of 43.1%. #1f30bd color hex could be obtained by blending #3e60ff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 19
- B 74
RGB color chart
- C 84
- M 75
- Y 0
- K 26
CMYK color chart

● #1f30bd color description : Strong blue.

The hexadecimal color #1f30bd has RGB values of R:31, G:48, B:189 and CMYK values of C:0.84, M:0.75, Y:0, K:0.26. Its decimal value is 2044093.

Hex triplet	1f30bd	`#1f30bd`
RGB Decimal	31, 48, 189	`rgb(31,48,189)`
RGB Percent	12.2, 18.8, 74.1	`rgb(12.2%,18.8%,74.1%)`
CMYK	84, 75, 0, 26
HSL	233.5°, 71.8, 43.1	`hsl(233.5,71.8%,43.1%)`
HSV (or HSB)	233.5°, 83.6, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.61, 45.623, -74.361
XYZ	10.805, 6.079, 48.745
xyY	0.165, 0.093, 6.079
CIE-LCH	29.61, 87.241, 301.531
CIE-LUV	29.61, -9.127, -95.438
Hunter-Lab	24.655, 35.086, -99.965
Binary	00011111, 00110000, 10111101

#1f30bd
```
#1f30bd rgb(31,48,189)
```
#bdac1f
```
#bdac1f rgb(189,172,31)
```

Complementary Color

#1f7fbd
```
#1f7fbd rgb(31,127,189)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#5d1fbd
```
#5d1fbd rgb(93,31,189)
```

Analogous Color

#7fbd1f
```
#7fbd1f rgb(127,189,31)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#bd5d1f
```
#bd5d1f rgb(189,93,31)
```

Split Complementary Color

#30bd1f
```
#30bd1f rgb(48,189,31)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#bd1f30
```
#bd1f30 rgb(189,31,48)
```

Triadic Color

#1fbdac
```
#1fbdac rgb(31,189,172)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#bd1f30
```
#bd1f30 rgb(189,31,48)
```
#bdac1f
```
#bdac1f rgb(189,172,31)
```

Tetradic Color

#141f7b
```
#141f7b rgb(20,31,123)
```
#182591
```
#182591 rgb(24,37,145)
```
#1b2aa7
```
#1b2aa7 rgb(27,42,167)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#2336d3
```
#2336d3 rgb(35,54,211)
```
#3244dd
```
#3244dd rgb(50,68,221)
```
#4858e1
```
#4858e1 rgb(72,88,225)
```

Monochromatic Color

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

#1f58bd
```
#1f58bd rgb(31,88,189)
```
#1f4abd
```
#1f4abd rgb(31,74,189)
```
#1f3dbd
```
#1f3dbd rgb(31,61,189)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#1f23bd
```
#1f23bd rgb(31,35,189)
```
#281fbd
```
#281fbd rgb(40,31,189)
```
#361fbd
```
#361fbd rgb(54,31,189)
```

Similar Colors

Text with hexadecimal color #1f30bd

This text has a font color of #1f30bd.

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

#1f30bd background color

This paragraph has a background color of #1f30bd.

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

#1f30bd border color

This element has a border color of #1f30bd.

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

CSS codes

.text {color:#1f30bd;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030514
```
#030514 rgb(3,5,20)
```
#060925
```
#060925 rgb(6,9,37)
```
#090e36
```
#090e36 rgb(9,14,54)
```
#0c1247
```
#0c1247 rgb(12,18,71)
```
#0e1658
```
#0e1658 rgb(14,22,88)
```
#111b69
```
#111b69 rgb(17,27,105)
```
#141f7a
```
#141f7a rgb(20,31,122)
```
#17238a
```
#17238a rgb(23,35,138)
```
#19279b
```
#19279b rgb(25,39,155)
```
#1c2cac
```
#1c2cac rgb(28,44,172)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#2234ce
```
#2234ce rgb(34,52,206)
```

Shade Color Variation

#283bdc
```
#283bdc rgb(40,59,220)
```
#384ade
```
#384ade rgb(56,74,222)
```
#495ae1
```
#495ae1 rgb(73,90,225)
```
#5a69e4
```
#5a69e4 rgb(90,105,228)
```
#6b78e7
```
#6b78e7 rgb(107,120,231)
```
#7c88e9
```
#7c88e9 rgb(124,136,233)
```
#8d97ec
```
#8d97ec rgb(141,151,236)
```
#9ea6ef
```
#9ea6ef rgb(158,166,239)
```
#aeb6f2
```
#aeb6f2 rgb(174,182,242)
```
#bfc5f5
```
#bfc5f5 rgb(191,197,245)
```
#d0d4f7
```
#d0d4f7 rgb(208,212,247)
```
#e1e4fa
```
#e1e4fa rgb(225,228,250)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#6b6c71
```
#6b6c71 rgb(107,108,113)
```
#636579
```
#636579 rgb(99,101,121)
```
#5a5e82
```
#5a5e82 rgb(90,94,130)
```
#52588a
```
#52588a rgb(82,88,138)
```
#495193
```
#495193 rgb(73,81,147)
```
#414b9b
```
#414b9b rgb(65,75,155)
```
#3844a4
```
#3844a4 rgb(56,68,164)
```
#303dac
```
#303dac rgb(48,61,172)
```
#2737b5
```
#2737b5 rgb(39,55,181)
```
#1f30bd
```
#1f30bd rgb(31,48,189)
```
#1729c5
```
#1729c5 rgb(23,41,197)
```
#0e23ce
```
#0e23ce rgb(14,35,206)
```
#061cd6
```
#061cd6 rgb(6,28,214)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0b42a4 Protanomaly 1% of men, 0.01% of women
#0b4597 Deuteranomaly 6% of men, 0.4% of women
#0b497e Tritanomaly 0.01% of the population

#1f30bd hex color

#1f30bd Color Information

#1f30bd Color Conversion

Color Schemes with #1f30bd

Alternatives to #1f30bd

#1f30bd Preview

Shades and Tints of #1f30bd

Tones of #1f30bd

Color Blindness Simulator