#1f42ff hex color

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

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

● #1f42ff color description : Vivid blue.

The hexadecimal color #1f42ff has RGB values of R:31, G:66, B:255 and CMYK values of C:0.88, M:0.74, Y:0, K:0. Its decimal value is 2048767.

Hex triplet	1f42ff	`#1f42ff`
RGB Decimal	31, 66, 255	`rgb(31,66,255)`
RGB Percent	12.2, 25.9, 100	`rgb(12.2%,25.9%,100%)`
CMYK	88, 74, 0, 0
HSL	230.6°, 100, 56.1	`hsl(230.6,100%,56.1%)`
HSV (or HSB)	230.6°, 87.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.256, 57.659, -94.599
XYZ	20.56, 11.406, 95.72
xyY	0.161, 0.089, 11.406
CIE-LCH	40.256, 110.786, 301.363
CIE-LUV	40.256, -13.651, -132.895
Hunter-Lab	33.773, 49.561, -144.4
Binary	00011111, 01000010, 11111111

#1f42ff
```
#1f42ff rgb(31,66,255)
```
#ffdc1f
```
#ffdc1f rgb(255,220,31)
```

Complementary Color

#1fb2ff
```
#1fb2ff rgb(31,178,255)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#6c1fff
```
#6c1fff rgb(108,31,255)
```

Analogous Color

#b2ff1f
```
#b2ff1f rgb(178,255,31)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#ff6c1f
```
#ff6c1f rgb(255,108,31)
```

Split Complementary Color

#42ff1f
```
#42ff1f rgb(66,255,31)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#ff1f42
```
#ff1f42 rgb(255,31,66)
```

Triadic Color

#1fffdc
```
#1fffdc rgb(31,255,220)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#ff1f42
```
#ff1f42 rgb(255,31,66)
```
#ffdc1f
```
#ffdc1f rgb(255,220,31)
```

Tetradic Color

#0021d2
```
#0021d2 rgb(0,33,210)
```
#0025eb
```
#0025eb rgb(0,37,235)
```
#052cff
```
#052cff rgb(5,44,255)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#3958ff
```
#3958ff rgb(57,88,255)
```
#526dff
```
#526dff rgb(82,109,255)
```
#6c83ff
```
#6c83ff rgb(108,131,255)
```

Monochromatic Color

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

#1f7aff
```
#1f7aff rgb(31,122,255)
```
#1f67ff
```
#1f67ff rgb(31,103,255)
```
#1f55ff
```
#1f55ff rgb(31,85,255)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#1f2fff
```
#1f2fff rgb(31,47,255)
```
#211fff
```
#211fff rgb(33,31,255)
```
#341fff
```
#341fff rgb(52,31,255)
```

Similar Colors

Text with hexadecimal color #1f42ff

This text has a font color of #1f42ff.

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

#1f42ff background color

This paragraph has a background color of #1f42ff.

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

#1f42ff border color

This element has a border color of #1f42ff.

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

CSS codes

.text {color:#1f42ff;}

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

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

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)
```
#00051f
```
#00051f rgb(0,5,31)
```
#000833
```
#000833 rgb(0,8,51)
```
#000b46
```
#000b46 rgb(0,11,70)
```
#000e5a
```
#000e5a rgb(0,14,90)
```
#00116d
```
#00116d rgb(0,17,109)
```
#001481
```
#001481 rgb(0,20,129)
```
#001795
```
#001795 rgb(0,23,149)
```
#001aa8
```
#001aa8 rgb(0,26,168)
```
#001dbc
```
#001dbc rgb(0,29,188)
```
#0020d0
```
#0020d0 rgb(0,32,208)
```
#0023e3
```
#0023e3 rgb(0,35,227)
```
#0027f7
```
#0027f7 rgb(0,39,247)
```

Shade Color Variation

#0b31ff
```
#0b31ff rgb(11,49,255)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```
#3353ff
```
#3353ff rgb(51,83,255)
```
#4663ff
```
#4663ff rgb(70,99,255)
```
#5a74ff
```
#5a74ff rgb(90,116,255)
```
#6d84ff
```
#6d84ff rgb(109,132,255)
```
#8195ff
```
#8195ff rgb(129,149,255)
```
#95a5ff
```
#95a5ff rgb(149,165,255)
```
#a8b6ff
```
#a8b6ff rgb(168,182,255)
```
#bcc6ff
```
#bcc6ff rgb(188,198,255)
```
#d0d7ff
```
#d0d7ff rgb(208,215,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, #868998 is the less saturated color, while #1f42ff is the most saturated one.

#868998
```
#868998 rgb(134,137,152)
```
#7e83a0
```
#7e83a0 rgb(126,131,160)
```
#757da9
```
#757da9 rgb(117,125,169)
```
#6d77b1
```
#6d77b1 rgb(109,119,177)
```
#6471ba
```
#6471ba rgb(100,113,186)
```
#5b6bc3
```
#5b6bc3 rgb(91,107,195)
```
#5366cb
```
#5366cb rgb(83,102,203)
```
#4a60d4
```
#4a60d4 rgb(74,96,212)
```
#415add
```
#415add rgb(65,90,221)
```
#3954e5
```
#3954e5 rgb(57,84,229)
```
#304eee
```
#304eee rgb(48,78,238)
```
#2848f6
```
#2848f6 rgb(40,72,246)
```
#1f42ff
```
#1f42ff rgb(31,66,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#006aa8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0b57d8 Protanomaly 1% of men, 0.01% of women
#0b5bc7 Deuteranomaly 6% of men, 0.4% of women
#0b60a8 Tritanomaly 0.01% of the population

#1f42ff hex color

#1f42ff Color Information

#1f42ff Color Conversion

Color Schemes with #1f42ff

Alternatives to #1f42ff

#1f42ff Preview

Shades and Tints of #1f42ff

Tones of #1f42ff

Color Blindness Simulator