#1f2efa hex color

In a RGB color space, hex #1f2efa is composed of 12.2% red, 18% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 81.6% magenta, 0% yellow and 2% black. It has a hue angle of 235.9 degrees, a saturation of 95.6% and a lightness of 55.1%. #1f2efa color hex could be obtained by blending #3e5cff with #0000f5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 18
- B 98
RGB color chart
- C 88
- M 82
- Y 0
- K 2
CMYK color chart

● #1f2efa color description : Vivid blue.

The hexadecimal color #1f2efa has RGB values of R:31, G:46, B:250 and CMYK values of C:0.88, M:0.82, Y:0, K:0.02. Its decimal value is 2043642.

Hex triplet	1f2efa	`#1f2efa`
RGB Decimal	31, 46, 250	`rgb(31,46,250)`
RGB Percent	12.2, 18, 98	`rgb(12.2%,18%,98%)`
CMYK	88, 82, 0, 2
HSL	235.9°, 95.6, 55.1	`hsl(235.9,95.6%,55.1%)`
HSV (or HSB)	235.9°, 87.6, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.264, 66.017, -98.426
XYZ	18.794, 9.146, 91.212
xyY	0.158, 0.077, 9.146
CIE-LCH	36.264, 118.515, 303.851
CIE-LUV	36.264, -10.776, -130.463
Hunter-Lab	30.242, 58.004, -157.651
Binary	00011111, 00101110, 11111010

#1f2efa
```
#1f2efa rgb(31,46,250)
```
#faeb1f
```
#faeb1f rgb(250,235,31)
```

Complementary Color

#1f9cfa
```
#1f9cfa rgb(31,156,250)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#7e1ffa
```
#7e1ffa rgb(126,31,250)
```

Analogous Color

#9cfa1f
```
#9cfa1f rgb(156,250,31)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#fa7e1f
```
#fa7e1f rgb(250,126,31)
```

Split Complementary Color

#2efa1f
```
#2efa1f rgb(46,250,31)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#fa1f2e
```
#fa1f2e rgb(250,31,46)
```

Triadic Color

#1ffaeb
```
#1ffaeb rgb(31,250,235)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#fa1f2e
```
#fa1f2e rgb(250,31,46)
```
#faeb1f
```
#faeb1f rgb(250,235,31)
```

Tetradic Color

#0412c8
```
#0412c8 rgb(4,18,200)
```
#0514e1
```
#0514e1 rgb(5,20,225)
```
#0617f9
```
#0617f9 rgb(6,23,249)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#3845fb
```
#3845fb rgb(56,69,251)
```
#515dfb
```
#515dfb rgb(81,93,251)
```
#6a74fc
```
#6a74fc rgb(106,116,252)
```

Monochromatic Color

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

#1f65fa
```
#1f65fa rgb(31,101,250)
```
#1f53fa
```
#1f53fa rgb(31,83,250)
```
#1f40fa
```
#1f40fa rgb(31,64,250)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#221ffa
```
#221ffa rgb(34,31,250)
```
#341ffa
```
#341ffa rgb(52,31,250)
```
#471ffa
```
#471ffa rgb(71,31,250)
```

Similar Colors

Text with hexadecimal color #1f2efa

This text has a font color of #1f2efa.

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

#1f2efa background color

This paragraph has a background color of #1f2efa.

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

#1f2efa border color

This element has a border color of #1f2efa.

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

CSS codes

.text {color:#1f2efa;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010219
```
#010219 rgb(1,2,25)
```
#01042d
```
#01042d rgb(1,4,45)
```
#010640
```
#010640 rgb(1,6,64)
```
#020753
```
#020753 rgb(2,7,83)
```
#020966
```
#020966 rgb(2,9,102)
```
#030b79
```
#030b79 rgb(3,11,121)
```
#030d8d
```
#030d8d rgb(3,13,141)
```
#040ea0
```
#040ea0 rgb(4,14,160)
```
#0410b3
```
#0410b3 rgb(4,16,179)
```
#0412c6
```
#0412c6 rgb(4,18,198)
```
#0513d9
```
#0513d9 rgb(5,19,217)
```
#0515ec
```
#0515ec rgb(5,21,236)
```

Shade Color Variation

#0c1cfa
```
#0c1cfa rgb(12,28,250)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```
#3240fa
```
#3240fa rgb(50,64,250)
```
#4552fb
```
#4552fb rgb(69,82,251)
```
#5964fb
```
#5964fb rgb(89,100,251)
```
#6c76fc
```
#6c76fc rgb(108,118,252)
```
#7f88fc
```
#7f88fc rgb(127,136,252)
```
#9299fd
```
#9299fd rgb(146,153,253)
```
#a5abfd
```
#a5abfd rgb(165,171,253)
```
#b8bdfd
```
#b8bdfd rgb(184,189,253)
```
#cccffe
```
#cccffe rgb(204,207,254)
```
#dfe1fe
```
#dfe1fe rgb(223,225,254)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#898990
```
#898990 rgb(137,137,144)
```
#808299
```
#808299 rgb(128,130,153)
```
#777aa2
```
#777aa2 rgb(119,122,162)
```
#6e72ab
```
#6e72ab rgb(110,114,171)
```
#656bb4
```
#656bb4 rgb(101,107,180)
```
#5d63bc
```
#5d63bc rgb(93,99,188)
```
#545cc5
```
#545cc5 rgb(84,92,197)
```
#4b54ce
```
#4b54ce rgb(75,84,206)
```
#424cd7
```
#424cd7 rgb(66,76,215)
```
#3945e0
```
#3945e0 rgb(57,69,224)
```
#313de8
```
#313de8 rgb(49,61,232)
```
#2836f1
```
#2836f1 rgb(40,54,241)
```
#1f2efa
```
#1f2efa rgb(31,46,250)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a3d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#0b4acb Protanomaly 1% of men, 0.01% of women
#0b4ebc Deuteranomaly 6% of men, 0.4% of women
#0b529f Tritanomaly 0.01% of the population

#1f2efa hex color

#1f2efa Color Information

#1f2efa Color Conversion

Color Schemes with #1f2efa

Alternatives to #1f2efa

#1f2efa Preview

Shades and Tints of #1f2efa

Tones of #1f2efa

Color Blindness Simulator