#1f2dfc hex color

In a RGB color space, hex #1f2dfc is composed of 12.2% red, 17.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 82.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 236.2 degrees, a saturation of 97.4% and a lightness of 55.5%. #1f2dfc color hex could be obtained by blending #3e5aff with #0000f9. Closest websafe color is: #3333ff.

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

● #1f2dfc color description : Vivid blue.

The hexadecimal color #1f2dfc has RGB values of R:31, G:45, B:252 and CMYK values of C:0.88, M:0.82, Y:0, K:0.01. Its decimal value is 2043388.

Hex triplet	1f2dfc	`#1f2dfc`
RGB Decimal	31, 45, 252	`rgb(31,45,252)`
RGB Percent	12.2, 17.6, 98.8	`rgb(12.2%,17.6%,98.8%)`
CMYK	88, 82, 0, 1
HSL	236.2°, 97.4, 55.5	`hsl(236.2,97.4%,55.5%)`
HSV (or HSB)	236.2°, 87.7, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.357, 67.039, -99.394
XYZ	19.071, 9.195, 92.86
xyY	0.157, 0.076, 9.195
CIE-LCH	36.357, 119.889, 303.999
CIE-LUV	36.357, -10.733, -131.558
Hunter-Lab	30.323, 59.196, -160.34
Binary	00011111, 00101101, 11111100

#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#fcee1f
```
#fcee1f rgb(252,238,31)
```

Complementary Color

#1f9cfc
```
#1f9cfc rgb(31,156,252)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#801ffc
```
#801ffc rgb(128,31,252)
```

Analogous Color

#9cfc1f
```
#9cfc1f rgb(156,252,31)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#fc801f
```
#fc801f rgb(252,128,31)
```

Split Complementary Color

#2dfc1f
```
#2dfc1f rgb(45,252,31)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#fc1f2d
```
#fc1f2d rgb(252,31,45)
```

Triadic Color

#1ffcee
```
#1ffcee rgb(31,252,238)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#fc1f2d
```
#fc1f2d rgb(252,31,45)
```
#fcee1f
```
#fcee1f rgb(252,238,31)
```

Tetradic Color

#030fcc
```
#030fcc rgb(3,15,204)
```
#0311e5
```
#0311e5 rgb(3,17,229)
```
#0615fc
```
#0615fc rgb(6,21,252)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#3845fc
```
#3845fc rgb(56,69,252)
```
#515cfd
```
#515cfd rgb(81,92,253)
```
#6a74fd
```
#6a74fd rgb(106,116,253)
```

Monochromatic Color

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

#1f64fc
```
#1f64fc rgb(31,100,252)
```
#1f52fc
```
#1f52fc rgb(31,82,252)
```
#1f3ffc
```
#1f3ffc rgb(31,63,252)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#231ffc
```
#231ffc rgb(35,31,252)
```
#361ffc
```
#361ffc rgb(54,31,252)
```
#481ffc
```
#481ffc rgb(72,31,252)
```

Similar Colors

Text with hexadecimal color #1f2dfc

This text has a font color of #1f2dfc.

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

#1f2dfc background color

This paragraph has a background color of #1f2dfc.

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

#1f2dfc border color

This element has a border color of #1f2dfc.

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

CSS codes

.text {color:#1f2dfc;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021c
```
#00021c rgb(0,2,28)
```
#01042f
```
#01042f rgb(1,4,47)
```
#010542
```
#010542 rgb(1,5,66)
```
#010756
```
#010756 rgb(1,7,86)
```
#010869
```
#010869 rgb(1,8,105)
```
#02097c
```
#02097c rgb(2,9,124)
```
#020b90
```
#020b90 rgb(2,11,144)
```
#020ca3
```
#020ca3 rgb(2,12,163)
```
#020eb6
```
#020eb6 rgb(2,14,182)
```
#030fca
```
#030fca rgb(3,15,202)
```
#0311dd
```
#0311dd rgb(3,17,221)
```
#0312f1
```
#0312f1 rgb(3,18,241)
```

Shade Color Variation

#0c1bfc
```
#0c1bfc rgb(12,27,252)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```
#323ffc
```
#323ffc rgb(50,63,252)
```
#4651fd
```
#4651fd rgb(70,81,253)
```
#5963fd
```
#5963fd rgb(89,99,253)
```
#6c76fd
```
#6c76fd rgb(108,118,253)
```
#8088fd
```
#8088fd rgb(128,136,253)
```
#939afe
```
#939afe rgb(147,154,254)
```
#a6acfe
```
#a6acfe rgb(166,172,254)
```
#babefe
```
#babefe rgb(186,190,254)
```
#cdd0fe
```
#cdd0fe rgb(205,208,254)
```
#e1e2ff
```
#e1e2ff rgb(225,226,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#888893
```
#888893 rgb(136,136,147)
```
#7f819c
```
#7f819c rgb(127,129,156)
```
#7679a5
```
#7679a5 rgb(118,121,165)
```
#6e72ad
```
#6e72ad rgb(110,114,173)
```
#656ab6
```
#656ab6 rgb(101,106,182)
```
#5c62bf
```
#5c62bf rgb(92,98,191)
```
#535bc8
```
#535bc8 rgb(83,91,200)
```
#4b53d0
```
#4b53d0 rgb(75,83,208)
```
#424bd9
```
#424bd9 rgb(66,75,217)
```
#3944e2
```
#3944e2 rgb(57,68,226)
```
#303ceb
```
#303ceb rgb(48,60,235)
```
#2835f3
```
#2835f3 rgb(40,53,243)
```
#1f2dfc
```
#1f2dfc rgb(31,45,252)
```

Tone Color Variation

Below, you can see how #1f2dfc 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
#393c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0b4acc Protanomaly 1% of men, 0.01% of women
#0b4ebd Deuteranomaly 6% of men, 0.4% of women
#0b52a0 Tritanomaly 0.01% of the population

#1f2dfc hex color

#1f2dfc Color Information

#1f2dfc Color Conversion

Color Schemes with #1f2dfc

Alternatives to #1f2dfc

#1f2dfc Preview

Shades and Tints of #1f2dfc

Tones of #1f2dfc

Color Blindness Simulator