#1f3cf2 hex color

In a RGB color space, hex #1f3cf2 is composed of 12.2% red, 23.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 75.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.8 degrees, a saturation of 89% and a lightness of 53.5%. #1f3cf2 color hex could be obtained by blending #3e78ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 24
- B 95
RGB color chart
- C 87
- M 75
- Y 0
- K 5
CMYK color chart

● #1f3cf2 color description : Vivid blue.

The hexadecimal color #1f3cf2 has RGB values of R:31, G:60, B:242 and CMYK values of C:0.87, M:0.75, Y:0, K:0.05. Its decimal value is 2047218.

Hex triplet	1f3cf2	`#1f3cf2`
RGB Decimal	31, 60, 242	`rgb(31,60,242)`
RGB Percent	12.2, 23.5, 94.9	`rgb(12.2%,23.5%,94.9%)`
CMYK	87, 75, 0, 5
HSL	231.8°, 89, 53.5	`hsl(231.8,89%,53.5%)`
HSV (or HSB)	231.8°, 87.2, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.721, 56.661, -91.502
XYZ	18.205, 9.932, 84.957
xyY	0.161, 0.088, 9.932
CIE-LCH	37.721, 107.624, 301.767
CIE-LUV	37.721, -12.411, -125.799
Hunter-Lab	31.516, 47.956, -137.767
Binary	00011111, 00111100, 11110010

#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#f2d51f
```
#f2d51f rgb(242,213,31)
```

Complementary Color

#1fa6f2
```
#1fa6f2 rgb(31,166,242)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#6c1ff2
```
#6c1ff2 rgb(108,31,242)
```

Analogous Color

#a6f21f
```
#a6f21f rgb(166,242,31)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#f26c1f
```
#f26c1f rgb(242,108,31)
```

Split Complementary Color

#3cf21f
```
#3cf21f rgb(60,242,31)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#f21f3c
```
#f21f3c rgb(242,31,60)
```

Triadic Color

#1ff2d5
```
#1ff2d5 rgb(31,242,213)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#f21f3c
```
#f21f3c rgb(242,31,60)
```
#f2d51f
```
#f2d51f rgb(242,213,31)
```

Tetradic Color

#0b23ba
```
#0b23ba rgb(11,35,186)
```
#0c27d2
```
#0c27d2 rgb(12,39,210)
```
#0e2cea
```
#0e2cea rgb(14,44,234)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#3751f3
```
#3751f3 rgb(55,81,243)
```
#4f66f5
```
#4f66f5 rgb(79,102,245)
```
#677bf6
```
#677bf6 rgb(103,123,246)
```

Monochromatic Color

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

#1f71f2
```
#1f71f2 rgb(31,113,242)
```
#1f5ff2
```
#1f5ff2 rgb(31,95,242)
```
#1f4ef2
```
#1f4ef2 rgb(31,78,242)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#1f2af2
```
#1f2af2 rgb(31,42,242)
```
#251ff2
```
#251ff2 rgb(37,31,242)
```
#371ff2
```
#371ff2 rgb(55,31,242)
```

Similar Colors

Text with hexadecimal color #1f3cf2

This text has a font color of #1f3cf2.

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

#1f3cf2 background color

This paragraph has a background color of #1f3cf2.

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

#1f3cf2 border color

This element has a border color of #1f3cf2.

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

CSS codes

.text {color:#1f3cf2;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#020724
```
#020724 rgb(2,7,36)
```
#030a36
```
#030a36 rgb(3,10,54)
```
#040e49
```
#040e49 rgb(4,14,73)
```
#05115b
```
#05115b rgb(5,17,91)
```
#06156e
```
#06156e rgb(6,21,110)
```
#071880
```
#071880 rgb(7,24,128)
```
#091c93
```
#091c93 rgb(9,28,147)
```
#0a1fa5
```
#0a1fa5 rgb(10,31,165)
```
#0b22b8
```
#0b22b8 rgb(11,34,184)
```
#0c26ca
```
#0c26ca rgb(12,38,202)
```
#0d29dd
```
#0d29dd rgb(13,41,221)
```
#0e2def
```
#0e2def rgb(14,45,239)
```

Shade Color Variation

#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#324cf3
```
#324cf3 rgb(50,76,243)
```
#445cf4
```
#445cf4 rgb(68,92,244)
```
#576cf5
```
#576cf5 rgb(87,108,245)
```
#697df6
```
#697df6 rgb(105,125,246)
```
#7c8df7
```
#7c8df7 rgb(124,141,247)
```
#8e9df8
```
#8e9df8 rgb(142,157,248)
```
#a1adfa
```
#a1adfa rgb(161,173,250)
```
#b3bdfb
```
#b3bdfb rgb(179,189,251)
```
#c6cdfc
```
#c6cdfc rgb(198,205,252)
```
#d8ddfd
```
#d8ddfd rgb(216,221,253)
```
#ebeefe
```
#ebeefe rgb(235,238,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858e is the less saturated color, while #1635fb is the most saturated one.

#83858e
```
#83858e rgb(131,133,142)
```
#7a7e97
```
#7a7e97 rgb(122,126,151)
```
#7177a0
```
#7177a0 rgb(113,119,160)
```
#6871a9
```
#6871a9 rgb(104,113,169)
```
#5f6ab2
```
#5f6ab2 rgb(95,106,178)
```
#5664bb
```
#5664bb rgb(86,100,187)
```
#4d5dc4
```
#4d5dc4 rgb(77,93,196)
```
#4356ce
```
#4356ce rgb(67,86,206)
```
#3a50d7
```
#3a50d7 rgb(58,80,215)
```
#3149e0
```
#3149e0 rgb(49,73,224)
```
#2843e9
```
#2843e9 rgb(40,67,233)
```
#1f3cf2
```
#1f3cf2 rgb(31,60,242)
```
#1635fb
```
#1635fb rgb(22,53,251)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#40466a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b6f Tritanopia 0.001% of the population

Trichromacy

#0b52cd Protanomaly 1% of men, 0.01% of women
#0b55bd Deuteranomaly 6% of men, 0.4% of women
#0b5a9f Tritanomaly 0.01% of the population

#1f3cf2 hex color

#1f3cf2 Color Information

#1f3cf2 Color Conversion

Color Schemes with #1f3cf2

Alternatives to #1f3cf2

#1f3cf2 Preview

Shades and Tints of #1f3cf2

Tones of #1f3cf2

Color Blindness Simulator