#1f4bd7 hex color

In a RGB color space, hex #1f4bd7 is composed of 12.2% red, 29.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 65.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 225.7 degrees, a saturation of 74.8% and a lightness of 48.2%. #1f4bd7 color hex could be obtained by blending #3e96ff with #0000af. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 29
- B 84
RGB color chart
- C 86
- M 65
- Y 0
- K 16
CMYK color chart

● #1f4bd7 color description : Strong blue.

The hexadecimal color #1f4bd7 has RGB values of R:31, G:75, B:215 and CMYK values of C:0.86, M:0.65, Y:0, K:0.16. Its decimal value is 2051031.

Hex triplet	1f4bd7	`#1f4bd7`
RGB Decimal	31, 75, 215	`rgb(31,75,215)`
RGB Percent	12.2, 29.4, 84.3	`rgb(12.2%,29.4%,84.3%)`
CMYK	86, 65, 0, 16
HSL	225.7°, 74.8, 48.2	`hsl(225.7,74.8%,48.2%)`
HSV (or HSB)	225.7°, 85.6, 84.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.25, 38.419, -75.258
XYZ	15.344, 10.229, 65.452
xyY	0.169, 0.112, 10.229
CIE-LCH	38.25, 84.497, 297.044
CIE-LUV	38.25, -14.789, -107.511
Hunter-Lab	31.982, 29.672, -98.95
Binary	00011111, 01001011, 11010111

#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#d7ab1f
```
#d7ab1f rgb(215,171,31)
```

Complementary Color

#1fa7d7
```
#1fa7d7 rgb(31,167,215)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#4f1fd7
```
#4f1fd7 rgb(79,31,215)
```

Analogous Color

#a7d71f
```
#a7d71f rgb(167,215,31)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#d74f1f
```
#d74f1f rgb(215,79,31)
```

Split Complementary Color

#4bd71f
```
#4bd71f rgb(75,215,31)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#d71f4b
```
#d71f4b rgb(215,31,75)
```

Triadic Color

#1fd7ab
```
#1fd7ab rgb(31,215,171)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#d71f4b
```
#d71f4b rgb(215,31,75)
```
#d7ab1f
```
#d7ab1f rgb(215,171,31)
```

Tetradic Color

#153494
```
#153494 rgb(21,52,148)
```
#193baa
```
#193baa rgb(25,59,170)
```
#1c43c1
```
#1c43c1 rgb(28,67,193)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#2f59e1
```
#2f59e1 rgb(47,89,225)
```
#456be4
```
#456be4 rgb(69,107,228)
```
#5b7de7
```
#5b7de7 rgb(91,125,231)
```

Monochromatic Color

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

#1f79d7
```
#1f79d7 rgb(31,121,215)
```
#1f6ad7
```
#1f6ad7 rgb(31,106,215)
```
#1f5ad7
```
#1f5ad7 rgb(31,90,215)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#1f3cd7
```
#1f3cd7 rgb(31,60,215)
```
#1f2cd7
```
#1f2cd7 rgb(31,44,215)
```
#211fd7
```
#211fd7 rgb(33,31,215)
```

Similar Colors

Text with hexadecimal color #1f4bd7

This text has a font color of #1f4bd7.

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

#1f4bd7 background color

This paragraph has a background color of #1f4bd7.

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

#1f4bd7 border color

This element has a border color of #1f4bd7.

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

CSS codes

.text {color:#1f4bd7;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04091a
```
#04091a rgb(4,9,26)
```
#060f2c
```
#060f2c rgb(6,15,44)
```
#09153d
```
#09153d rgb(9,21,61)
```
#0b1b4e
```
#0b1b4e rgb(11,27,78)
```
#0e215f
```
#0e215f rgb(14,33,95)
```
#102770
```
#102770 rgb(16,39,112)
```
#132d81
```
#132d81 rgb(19,45,129)
```
#153392
```
#153392 rgb(21,51,146)
```
#1839a4
```
#1839a4 rgb(24,57,164)
```
#1a3fb5
```
#1a3fb5 rgb(26,63,181)
```
#1d45c6
```
#1d45c6 rgb(29,69,198)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```

Shade Color Variation

#2955e0
```
#2955e0 rgb(41,85,224)
```
#3b63e3
```
#3b63e3 rgb(59,99,227)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#5d7ee8
```
#5d7ee8 rgb(93,126,232)
```
#6e8cea
```
#6e8cea rgb(110,140,234)
```
#7f99ed
```
#7f99ed rgb(127,153,237)
```
#90a7ef
```
#90a7ef rgb(144,167,239)
```
#a1b5f2
```
#a1b5f2 rgb(161,181,242)
```
#b3c2f4
```
#b3c2f4 rgb(179,194,244)
```
#c4d0f6
```
#c4d0f6 rgb(196,208,246)
```
#d5ddf9
```
#d5ddf9 rgb(213,221,249)
```
#e6ebfb
```
#e6ebfb rgb(230,235,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#747782
```
#747782 rgb(116,119,130)
```
#6b728b
```
#6b728b rgb(107,114,139)
```
#616e95
```
#616e95 rgb(97,110,149)
```
#58699e
```
#58699e rgb(88,105,158)
```
#4e64a8
```
#4e64a8 rgb(78,100,168)
```
#455fb1
```
#455fb1 rgb(69,95,177)
```
#3b5abb
```
#3b5abb rgb(59,90,187)
```
#3255c4
```
#3255c4 rgb(50,85,196)
```
#2850ce
```
#2850ce rgb(40,80,206)
```
#1f4bd7
```
#1f4bd7 rgb(31,75,215)
```
#1646e0
```
#1646e0 rgb(22,70,224)
```
#0c41ea
```
#0c41ea rgb(12,65,234)
```
#033cf3
```
#033cf3 rgb(3,60,243)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#454d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0b58c4 Protanomaly 1% of men, 0.01% of women
#0b5bb5 Deuteranomaly 6% of men, 0.4% of women
#0b6096 Tritanomaly 0.01% of the population

#1f4bd7 hex color

#1f4bd7 Color Information

#1f4bd7 Color Conversion

Color Schemes with #1f4bd7

Alternatives to #1f4bd7

#1f4bd7 Preview

Shades and Tints of #1f4bd7

Tones of #1f4bd7

Color Blindness Simulator