#1f2fec hex color

In a RGB color space, hex #1f2fec is composed of 12.2% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 235.3 degrees, a saturation of 84.4% and a lightness of 52.4%. #1f2fec color hex could be obtained by blending #3e5eff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 18
- B 93
RGB color chart
- C 87
- M 80
- Y 0
- K 7
CMYK color chart

● #1f2fec color description : Vivid blue.

The hexadecimal color #1f2fec has RGB values of R:31, G:47, B:236 and CMYK values of C:0.87, M:0.8, Y:0, K:0.07. Its decimal value is 2043884.

Hex triplet	1f2fec	`#1f2fec`
RGB Decimal	31, 47, 236	`rgb(31,47,236)`
RGB Percent	12.2, 18.4, 92.5	`rgb(12.2%,18.4%,92.5%)`
CMYK	87, 80, 0, 7
HSL	235.3°, 84.4, 52.4	`hsl(235.3,84.4%,52.4%)`
HSV (or HSB)	235.3°, 86.9, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.76, 61.356, -93.019
XYZ	16.719, 8.379, 80.088
xyY	0.159, 0.08, 8.379
CIE-LCH	34.76, 111.432, 303.409
CIE-LUV	34.76, -10.43, -122.582
Hunter-Lab	28.947, 52.439, -143.777
Binary	00011111, 00101111, 11101100

#1f2fec
```
#1f2fec rgb(31,47,236)
```
#ecdc1f
```
#ecdc1f rgb(236,220,31)
```

Complementary Color

#1f96ec
```
#1f96ec rgb(31,150,236)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#761fec
```
#761fec rgb(118,31,236)
```

Analogous Color

#96ec1f
```
#96ec1f rgb(150,236,31)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#ec761f
```
#ec761f rgb(236,118,31)
```

Split Complementary Color

#2fec1f
```
#2fec1f rgb(47,236,31)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#ec1f2f
```
#ec1f2f rgb(236,31,47)
```

Triadic Color

#1fecdc
```
#1fecdc rgb(31,236,220)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#ec1f2f
```
#ec1f2f rgb(236,31,47)
```
#ecdc1f
```
#ecdc1f rgb(236,220,31)
```

Tetradic Color

#0f1bb0
```
#0f1bb0 rgb(15,27,176)
```
#111fc7
```
#111fc7 rgb(17,31,199)
```
#1323df
```
#1323df rgb(19,35,223)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#3745ee
```
#3745ee rgb(55,69,238)
```
#4e5bf0
```
#4e5bf0 rgb(78,91,240)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```

Monochromatic Color

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

#1f62ec
```
#1f62ec rgb(31,98,236)
```
#1f51ec
```
#1f51ec rgb(31,81,236)
```
#1f40ec
```
#1f40ec rgb(31,64,236)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#201fec
```
#201fec rgb(32,31,236)
```
#311fec
```
#311fec rgb(49,31,236)
```
#421fec
```
#421fec rgb(66,31,236)
```

Similar Colors

Text with hexadecimal color #1f2fec

This text has a font color of #1f2fec.

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

#1f2fec background color

This paragraph has a background color of #1f2fec.

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

#1f2fec border color

This element has a border color of #1f2fec.

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

CSS codes

.text {color:#1f2fec;}

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

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

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

#01020b
```
#01020b rgb(1,2,11)
```
#02051d
```
#02051d rgb(2,5,29)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060a41
```
#060a41 rgb(6,10,65)
```
#070d53
```
#070d53 rgb(7,13,83)
```
#091065
```
#091065 rgb(9,16,101)
```
#0a1378
```
#0a1378 rgb(10,19,120)
```
#0c168a
```
#0c168a rgb(12,22,138)
```
#0d189c
```
#0d189c rgb(13,24,156)
```
#0f1bae
```
#0f1bae rgb(15,27,174)
```
#101ec0
```
#101ec0 rgb(16,30,192)
```
#1221d2
```
#1221d2 rgb(18,33,210)
```
#1324e4
```
#1324e4 rgb(19,36,228)
```

Shade Color Variation

#1f2fec
```
#1f2fec rgb(31,47,236)
```
#3140ee
```
#3140ee rgb(49,64,238)
```
#4351ef
```
#4351ef rgb(67,81,239)
```
#5561f1
```
#5561f1 rgb(85,97,241)
```
#6772f2
```
#6772f2 rgb(103,114,242)
```
#7983f4
```
#7983f4 rgb(121,131,244)
```
#8b94f5
```
#8b94f5 rgb(139,148,245)
```
#9ea5f7
```
#9ea5f7 rgb(158,165,247)
```
#b0b5f8
```
#b0b5f8 rgb(176,181,248)
```
#c2c6fa
```
#c2c6fa rgb(194,198,250)
```
#d4d7fb
```
#d4d7fb rgb(212,215,251)
```
#e6e8fd
```
#e6e8fd rgb(230,232,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8f is the less saturated color, while #0c1fff is the most saturated one.

#7c7e8f
```
#7c7e8f rgb(124,126,143)
```
#737698
```
#737698 rgb(115,118,152)
```
#6a6ea1
```
#6a6ea1 rgb(106,110,161)
```
#6066ab
```
#6066ab rgb(96,102,171)
```
#575eb4
```
#575eb4 rgb(87,94,180)
```
#4e56bd
```
#4e56bd rgb(78,86,189)
```
#444fc7
```
#444fc7 rgb(68,79,199)
```
#3b47d0
```
#3b47d0 rgb(59,71,208)
```
#323fd9
```
#323fd9 rgb(50,63,217)
```
#2837e3
```
#2837e3 rgb(40,55,227)
```
#1f2fec
```
#1f2fec rgb(31,47,236)
```
#1627f5
```
#1627f5 rgb(22,39,245)
```
#0c1fff
```
#0c1fff rgb(12,31,255)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#393d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0b49c2 Protanomaly 1% of men, 0.01% of women
#0b4cb3 Deuteranomaly 6% of men, 0.4% of women
#0b5098 Tritanomaly 0.01% of the population

#1f2fec hex color

#1f2fec Color Information

#1f2fec Color Conversion

Color Schemes with #1f2fec

Alternatives to #1f2fec

#1f2fec Preview

Shades and Tints of #1f2fec

Tones of #1f2fec

Color Blindness Simulator