#1f48d6 hex color

In a RGB color space, hex #1f48d6 is composed of 12.2% red, 28.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 66.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 226.6 degrees, a saturation of 74.7% and a lightness of 48%. #1f48d6 color hex could be obtained by blending #3e90ff with #0000ad. Closest websafe color is: #3333cc.

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

● #1f48d6 color description : Strong blue.

The hexadecimal color #1f48d6 has RGB values of R:31, G:72, B:214 and CMYK values of C:0.86, M:0.66, Y:0, K:0.16. Its decimal value is 2050262.

Hex triplet	1f48d6	`#1f48d6`
RGB Decimal	31, 72, 214	`rgb(31,72,214)`
RGB Percent	12.2, 28.2, 83.9	`rgb(12.2%,28.2%,83.9%)`
CMYK	86, 66, 0, 16
HSL	226.6°, 74.7, 48	`hsl(226.6,74.7%,48%)`
HSV (or HSB)	226.6°, 85.5, 83.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.444, 39.942, -76.006
XYZ	15.018, 9.78, 64.711
xyY	0.168, 0.109, 9.78
CIE-LCH	37.444, 85.863, 297.722
CIE-LUV	37.444, -14.132, -107.571
Hunter-Lab	31.273, 30.99, -100.794
Binary	00011111, 01001000, 11010110

#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#d6ad1f
```
#d6ad1f rgb(214,173,31)
```

Complementary Color

#1fa4d6
```
#1fa4d6 rgb(31,164,214)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#511fd6
```
#511fd6 rgb(81,31,214)
```

Analogous Color

#a4d61f
```
#a4d61f rgb(164,214,31)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#d6511f
```
#d6511f rgb(214,81,31)
```

Split Complementary Color

#48d61f
```
#48d61f rgb(72,214,31)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#d61f48
```
#d61f48 rgb(214,31,72)
```

Triadic Color

#1fd6ad
```
#1fd6ad rgb(31,214,173)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#d61f48
```
#d61f48 rgb(214,31,72)
```
#d6ad1f
```
#d6ad1f rgb(214,173,31)
```

Tetradic Color

#153293
```
#153293 rgb(21,50,147)
```
#1939a9
```
#1939a9 rgb(25,57,169)
```
#1c41c0
```
#1c41c0 rgb(28,65,192)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#2e56e1
```
#2e56e1 rgb(46,86,225)
```
#4468e4
```
#4468e4 rgb(68,104,228)
```
#5a7ae7
```
#5a7ae7 rgb(90,122,231)
```

Monochromatic Color

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

#1f76d6
```
#1f76d6 rgb(31,118,214)
```
#1f67d6
```
#1f67d6 rgb(31,103,214)
```
#1f57d6
```
#1f57d6 rgb(31,87,214)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#1f39d6
```
#1f39d6 rgb(31,57,214)
```
#1f2ad6
```
#1f2ad6 rgb(31,42,214)
```
#241fd6
```
#241fd6 rgb(36,31,214)
```

Similar Colors

Text with hexadecimal color #1f48d6

This text has a font color of #1f48d6.

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

#1f48d6 background color

This paragraph has a background color of #1f48d6.

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

#1f48d6 border color

This element has a border color of #1f48d6.

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

CSS codes

.text {color:#1f48d6;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#04091a
```
#04091a rgb(4,9,26)
```
#060e2b
```
#060e2b rgb(6,14,43)
```
#09143c
```
#09143c rgb(9,20,60)
```
#0b1a4d
```
#0b1a4d rgb(11,26,77)
```
#0e205e
```
#0e205e rgb(14,32,94)
```
#10256f
```
#10256f rgb(16,37,111)
```
#132b80
```
#132b80 rgb(19,43,128)
```
#153191
```
#153191 rgb(21,49,145)
```
#1837a3
```
#1837a3 rgb(24,55,163)
```
#1a3cb4
```
#1a3cb4 rgb(26,60,180)
```
#1d42c5
```
#1d42c5 rgb(29,66,197)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```

Shade Color Variation

#2952e0
```
#2952e0 rgb(41,82,224)
```
#3a60e2
```
#3a60e2 rgb(58,96,226)
```
#4b6de5
```
#4b6de5 rgb(75,109,229)
```
#5c7be7
```
#5c7be7 rgb(92,123,231)
```
#6d89ea
```
#6d89ea rgb(109,137,234)
```
#7e97ec
```
#7e97ec rgb(126,151,236)
```
#8fa5ef
```
#8fa5ef rgb(143,165,239)
```
#a1b3f1
```
#a1b3f1 rgb(161,179,241)
```
#b2c1f4
```
#b2c1f4 rgb(178,193,244)
```
#c3cef6
```
#c3cef6 rgb(195,206,246)
```
#d4dcf9
```
#d4dcf9 rgb(212,220,249)
```
#e5eafb
```
#e5eafb rgb(229,234,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#747781
```
#747781 rgb(116,119,129)
```
#6a728b
```
#6a728b rgb(106,114,139)
```
#616c94
```
#616c94 rgb(97,108,148)
```
#58679d
```
#58679d rgb(88,103,157)
```
#4e62a7
```
#4e62a7 rgb(78,98,167)
```
#455db0
```
#455db0 rgb(69,93,176)
```
#3b58ba
```
#3b58ba rgb(59,88,186)
```
#3252c3
```
#3252c3 rgb(50,82,195)
```
#284dcd
```
#284dcd rgb(40,77,205)
```
#1f48d6
```
#1f48d6 rgb(31,72,214)
```
#1643df
```
#1643df rgb(22,67,223)
```
#0c3ee9
```
#0c3ee9 rgb(12,62,233)
```
#0338f2
```
#0338f2 rgb(3,56,242)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0b55c2 Protanomaly 1% of men, 0.01% of women
#0b59b2 Deuteranomaly 6% of men, 0.4% of women
#0b5d94 Tritanomaly 0.01% of the population

#1f48d6 hex color

#1f48d6 Color Information

#1f48d6 Color Conversion

Color Schemes with #1f48d6

Alternatives to #1f48d6

#1f48d6 Preview

Shades and Tints of #1f48d6

Tones of #1f48d6

Color Blindness Simulator