#1f48cb hex color

In a RGB color space, hex #1f48cb is composed of 12.2% red, 28.2% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 64.5% magenta, 0% yellow and 20.4% black. It has a hue angle of 225.7 degrees, a saturation of 73.5% and a lightness of 45.9%. #1f48cb color hex could be obtained by blending #3e90ff with #000097. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 28
- B 80
RGB color chart
- C 85
- M 65
- Y 0
- K 20
CMYK color chart

● #1f48cb color description : Strong blue.

The hexadecimal color #1f48cb has RGB values of R:31, G:72, B:203 and CMYK values of C:0.85, M:0.65, Y:0, K:0.2. Its decimal value is 2050251.

Hex triplet	1f48cb	`#1f48cb`
RGB Decimal	31, 72, 203	`rgb(31,72,203)`
RGB Percent	12.2, 28.2, 79.6	`rgb(12.2%,28.2%,79.6%)`
CMYK	85, 65, 0, 20
HSL	225.7°, 73.5, 45.9	`hsl(225.7,73.5%,45.9%)`
HSV (or HSB)	225.7°, 84.7, 79.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.436, 35.883, -71.307
XYZ	13.66, 9.237, 57.56
xyY	0.17, 0.115, 9.237
CIE-LCH	36.436, 79.827, 296.712
CIE-LUV	36.436, -14.051, -100.637
Hunter-Lab	30.392, 27.04, -91.015
Binary	00011111, 01001000, 11001011

#1f48cb
```
#1f48cb rgb(31,72,203)
```
#cba21f
```
#cba21f rgb(203,162,31)
```

Complementary Color

#1f9ecb
```
#1f9ecb rgb(31,158,203)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#4c1fcb
```
#4c1fcb rgb(76,31,203)
```

Analogous Color

#9ecb1f
```
#9ecb1f rgb(158,203,31)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#cb4c1f
```
#cb4c1f rgb(203,76,31)
```

Split Complementary Color

#48cb1f
```
#48cb1f rgb(72,203,31)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#cb1f48
```
#cb1f48 rgb(203,31,72)
```

Triadic Color

#1fcba2
```
#1fcba2 rgb(31,203,162)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#cb1f48
```
#cb1f48 rgb(203,31,72)
```
#cba21f
```
#cba21f rgb(203,162,31)
```

Tetradic Color

#153089
```
#153089 rgb(21,48,137)
```
#18389f
```
#18389f rgb(24,56,159)
```
#1c40b5
```
#1c40b5 rgb(28,64,181)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#2652de
```
#2652de rgb(38,82,222)
```
#3c63e1
```
#3c63e1 rgb(60,99,225)
```
#5275e5
```
#5275e5 rgb(82,117,229)
```

Monochromatic Color

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

#1f73cb
```
#1f73cb rgb(31,115,203)
```
#1f65cb
```
#1f65cb rgb(31,101,203)
```
#1f56cb
```
#1f56cb rgb(31,86,203)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#1f3acb
```
#1f3acb rgb(31,58,203)
```
#1f2bcb
```
#1f2bcb rgb(31,43,203)
```
#211fcb
```
#211fcb rgb(33,31,203)
```

Similar Colors

Text with hexadecimal color #1f48cb

This text has a font color of #1f48cb.

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

#1f48cb background color

This paragraph has a background color of #1f48cb.

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

#1f48cb border color

This element has a border color of #1f48cb.

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

CSS codes

.text {color:#1f48cb;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#050c21
```
#050c21 rgb(5,12,33)
```
#081232
```
#081232 rgb(8,18,50)
```
#0a1843
```
#0a1843 rgb(10,24,67)
```
#0d1e54
```
#0d1e54 rgb(13,30,84)
```
#0f2465
```
#0f2465 rgb(15,36,101)
```
#122a76
```
#122a76 rgb(18,42,118)
```
#153087
```
#153087 rgb(21,48,135)
```
#173698
```
#173698 rgb(23,54,152)
```
#1a3ca9
```
#1a3ca9 rgb(26,60,169)
```
#1c42ba
```
#1c42ba rgb(28,66,186)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#224edc
```
#224edc rgb(34,78,220)
```

Shade Color Variation

#325be0
```
#325be0 rgb(50,91,224)
```
#4369e2
```
#4369e2 rgb(67,105,226)
```
#5476e5
```
#5476e5 rgb(84,118,229)
```
#6584e7
```
#6584e7 rgb(101,132,231)
```
#7691ea
```
#7691ea rgb(118,145,234)
```
#879fed
```
#879fed rgb(135,159,237)
```
#98adef
```
#98adef rgb(152,173,239)
```
#a9baf2
```
#a9baf2 rgb(169,186,242)
```
#bac8f4
```
#bac8f4 rgb(186,200,244)
```
#cbd5f7
```
#cbd5f7 rgb(203,213,247)
```
#dce3fa
```
#dce3fa rgb(220,227,250)
```
#edf0fc
```
#edf0fc rgb(237,240,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70727a is the less saturated color, while #043ae6 is the most saturated one.

#70727a
```
#70727a rgb(112,114,122)
```
#676e83
```
#676e83 rgb(103,110,131)
```
#5e698c
```
#5e698c rgb(94,105,140)
```
#556495
```
#556495 rgb(85,100,149)
```
#4c609e
```
#4c609e rgb(76,96,158)
```
#435ba7
```
#435ba7 rgb(67,91,167)
```
#3a56b0
```
#3a56b0 rgb(58,86,176)
```
#3151b9
```
#3151b9 rgb(49,81,185)
```
#284dc2
```
#284dc2 rgb(40,77,194)
```
#1f48cb
```
#1f48cb rgb(31,72,203)
```
#1643d4
```
#1643d4 rgb(22,67,212)
```
#0d3fdd
```
#0d3fdd rgb(13,63,221)
```
#043ae6
```
#043ae6 rgb(4,58,230)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#0b54bb Protanomaly 1% of men, 0.01% of women
#0b57ac Deuteranomaly 6% of men, 0.4% of women
#0b5c8f Tritanomaly 0.01% of the population

#1f48cb hex color

#1f48cb Color Information

#1f48cb Color Conversion

Color Schemes with #1f48cb

Alternatives to #1f48cb

#1f48cb Preview

Shades and Tints of #1f48cb

Tones of #1f48cb

Color Blindness Simulator