#1f49ff hex color

In a RGB color space, hex #1f49ff is composed of 12.2% red, 28.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 71.4% magenta, 0% yellow and 0% black. It has a hue angle of 228.8 degrees, a saturation of 100% and a lightness of 56.1%. #1f49ff color hex could be obtained by blending #3e92ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 29
- B 100
RGB color chart
- C 88
- M 71
- Y 0
- K 0
CMYK color chart

● #1f49ff color description : Vivid blue.

The hexadecimal color #1f49ff has RGB values of R:31, G:73, B:255 and CMYK values of C:0.88, M:0.71, Y:0, K:0. Its decimal value is 2050559.

Hex triplet	1f49ff	`#1f49ff`
RGB Decimal	31, 73, 255	`rgb(31,73,255)`
RGB Percent	12.2, 28.6, 100	`rgb(12.2%,28.6%,100%)`
CMYK	88, 71, 0, 0
HSL	228.8°, 100, 56.1	`hsl(228.8,100%,56.1%)`
HSV (or HSB)	228.8°, 87.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.649, 53.753, -92.293
XYZ	20.994, 12.275, 95.865
xyY	0.163, 0.095, 12.275
CIE-LCH	41.649, 106.805, 300.217
CIE-LUV	41.649, -14.838, -132.178
Hunter-Lab	35.035, 45.649, -137.707
Binary	00011111, 01001001, 11111111

#1f49ff
```
#1f49ff rgb(31,73,255)
```
#ffd51f
```
#ffd51f rgb(255,213,31)
```

Complementary Color

#1fb9ff
```
#1fb9ff rgb(31,185,255)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#651fff
```
#651fff rgb(101,31,255)
```

Analogous Color

#b9ff1f
```
#b9ff1f rgb(185,255,31)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#ff651f
```
#ff651f rgb(255,101,31)
```

Split Complementary Color

#49ff1f
```
#49ff1f rgb(73,255,31)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#ff1f49
```
#ff1f49 rgb(255,31,73)
```

Triadic Color

#1fffd5
```
#1fffd5 rgb(31,255,213)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#ff1f49
```
#ff1f49 rgb(255,31,73)
```
#ffd51f
```
#ffd51f rgb(255,213,31)
```

Tetradic Color

#0027d2
```
#0027d2 rgb(0,39,210)
```
#002ceb
```
#002ceb rgb(0,44,235)
```
#0534ff
```
#0534ff rgb(5,52,255)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#395eff
```
#395eff rgb(57,94,255)
```
#5272ff
```
#5272ff rgb(82,114,255)
```
#6c87ff
```
#6c87ff rgb(108,135,255)
```

Monochromatic Color

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

#1f81ff
```
#1f81ff rgb(31,129,255)
```
#1f6eff
```
#1f6eff rgb(31,110,255)
```
#1f5cff
```
#1f5cff rgb(31,92,255)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#1f36ff
```
#1f36ff rgb(31,54,255)
```
#1f24ff
```
#1f24ff rgb(31,36,255)
```
#2d1fff
```
#2d1fff rgb(45,31,255)
```

Similar Colors

Text with hexadecimal color #1f49ff

This text has a font color of #1f49ff.

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

#1f49ff background color

This paragraph has a background color of #1f49ff.

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

#1f49ff border color

This element has a border color of #1f49ff.

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

CSS codes

.text {color:#1f49ff;}

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

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

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

#00020b
```
#00020b rgb(0,2,11)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000933
```
#000933 rgb(0,9,51)
```
#000d46
```
#000d46 rgb(0,13,70)
```
#00115a
```
#00115a rgb(0,17,90)
```
#00156d
```
#00156d rgb(0,21,109)
```
#001881
```
#001881 rgb(0,24,129)
```
#001c95
```
#001c95 rgb(0,28,149)
```
#0020a8
```
#0020a8 rgb(0,32,168)
```
#0023bc
```
#0023bc rgb(0,35,188)
```
#0027d0
```
#0027d0 rgb(0,39,208)
```
#002be3
```
#002be3 rgb(0,43,227)
```
#002ef7
```
#002ef7 rgb(0,46,247)
```

Shade Color Variation

#0b39ff
```
#0b39ff rgb(11,57,255)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```
#3359ff
```
#3359ff rgb(51,89,255)
```
#4669ff
```
#4669ff rgb(70,105,255)
```
#5a79ff
```
#5a79ff rgb(90,121,255)
```
#6d89ff
```
#6d89ff rgb(109,137,255)
```
#8199ff
```
#8199ff rgb(129,153,255)
```
#95a9ff
```
#95a9ff rgb(149,169,255)
```
#a8b9ff
```
#a8b9ff rgb(168,185,255)
```
#bcc9ff
```
#bcc9ff rgb(188,201,255)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e3e8ff
```
#e3e8ff rgb(227,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a98 is the less saturated color, while #1f49ff is the most saturated one.

#868a98
```
#868a98 rgb(134,138,152)
```
#7e84a0
```
#7e84a0 rgb(126,132,160)
```
#757fa9
```
#757fa9 rgb(117,127,169)
```
#6d79b1
```
#6d79b1 rgb(109,121,177)
```
#6474ba
```
#6474ba rgb(100,116,186)
```
#5b6fc3
```
#5b6fc3 rgb(91,111,195)
```
#5369cb
```
#5369cb rgb(83,105,203)
```
#4a64d4
```
#4a64d4 rgb(74,100,212)
```
#415fdd
```
#415fdd rgb(65,95,221)
```
#3959e5
```
#3959e5 rgb(57,89,229)
```
#3054ee
```
#3054ee rgb(48,84,238)
```
#284ef6
```
#284ef6 rgb(40,78,246)
```
#1f49ff
```
#1f49ff rgb(31,73,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#474f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0b5cdc Protanomaly 1% of men, 0.01% of women
#0b60cb Deuteranomaly 6% of men, 0.4% of women
#0b65aa Tritanomaly 0.01% of the population

#1f49ff hex color

#1f49ff Color Information

#1f49ff Color Conversion

Color Schemes with #1f49ff

Alternatives to #1f49ff

#1f49ff Preview

Shades and Tints of #1f49ff

Tones of #1f49ff

Color Blindness Simulator