#1f2ccf hex color

In a RGB color space, hex #1f2ccf is composed of 12.2% red, 17.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 78.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 235.6 degrees, a saturation of 73.9% and a lightness of 46.7%. #1f2ccf color hex could be obtained by blending #3e58ff with #00009f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 17
- B 81
RGB color chart
- C 85
- M 79
- Y 0
- K 19
CMYK color chart

● #1f2ccf color description : Strong blue.

The hexadecimal color #1f2ccf has RGB values of R:31, G:44, B:207 and CMYK values of C:0.85, M:0.79, Y:0, K:0.19. Its decimal value is 2043087.

Hex triplet	1f2ccf	`#1f2ccf`
RGB Decimal	31, 44, 207	`rgb(31,44,207)`
RGB Percent	12.2, 17.3, 81.2	`rgb(12.2%,17.3%,81.2%)`
CMYK	85, 79, 0, 19
HSL	235.6°, 73.9, 46.7	`hsl(235.6,73.9%,46.7%)`
HSV (or HSB)	235.6°, 85, 81.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.871, 53.764, -82.82
XYZ	12.726, 6.597, 59.631
xyY	0.161, 0.084, 6.597
CIE-LCH	30.871, 98.74, 302.99
CIE-LUV	30.871, -9.091, -105.952
Hunter-Lab	25.684, 43.496, -119.674
Binary	00011111, 00101100, 11001111

#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#cfc21f
```
#cfc21f rgb(207,194,31)
```

Complementary Color

#1f84cf
```
#1f84cf rgb(31,132,207)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#6a1fcf
```
#6a1fcf rgb(106,31,207)
```

Analogous Color

#84cf1f
```
#84cf1f rgb(132,207,31)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#cf6a1f
```
#cf6a1f rgb(207,106,31)
```

Split Complementary Color

#2ccf1f
```
#2ccf1f rgb(44,207,31)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#cf1f2c
```
#cf1f2c rgb(207,31,44)
```

Triadic Color

#1fcfc2
```
#1fcfc2 rgb(31,207,194)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#cf1f2c
```
#cf1f2c rgb(207,31,44)
```
#cfc21f
```
#cfc21f rgb(207,194,31)
```

Tetradic Color

#151e8c
```
#151e8c rgb(21,30,140)
```
#1823a3
```
#1823a3 rgb(24,35,163)
```
#1c27b9
```
#1c27b9 rgb(28,39,185)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#2936df
```
#2936df rgb(41,54,223)
```
#3f4be2
```
#3f4be2 rgb(63,75,226)
```
#5560e6
```
#5560e6 rgb(85,96,230)
```

Monochromatic Color

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

#1f58cf
```
#1f58cf rgb(31,88,207)
```
#1f49cf
```
#1f49cf rgb(31,73,207)
```
#1f3bcf
```
#1f3bcf rgb(31,59,207)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#211fcf
```
#211fcf rgb(33,31,207)
```
#2f1fcf
```
#2f1fcf rgb(47,31,207)
```
#3e1fcf
```
#3e1fcf rgb(62,31,207)
```

Similar Colors

Text with hexadecimal color #1f2ccf

This text has a font color of #1f2ccf.

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

#1f2ccf background color

This paragraph has a background color of #1f2ccf.

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

#1f2ccf border color

This element has a border color of #1f2ccf.

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

CSS codes

.text {color:#1f2ccf;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030413
```
#030413 rgb(3,4,19)
```
#050824
```
#050824 rgb(5,8,36)
```
#080b35
```
#080b35 rgb(8,11,53)
```
#0b0f47
```
#0b0f47 rgb(11,15,71)
```
#0d1358
```
#0d1358 rgb(13,19,88)
```
#101669
```
#101669 rgb(16,22,105)
```
#121a7a
```
#121a7a rgb(18,26,122)
```
#151d8b
```
#151d8b rgb(21,29,139)
```
#17219c
```
#17219c rgb(23,33,156)
```
#1a25ad
```
#1a25ad rgb(26,37,173)
```
#1c28be
```
#1c28be rgb(28,40,190)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```

Shade Color Variation

#2331de
```
#2331de rgb(35,49,222)
```
#3541e1
```
#3541e1 rgb(53,65,225)
```
#4651e3
```
#4651e3 rgb(70,81,227)
```
#5761e6
```
#5761e6 rgb(87,97,230)
```
#6871e8
```
#6871e8 rgb(104,113,232)
```
#7981eb
```
#7981eb rgb(121,129,235)
```
#8a91ed
```
#8a91ed rgb(138,145,237)
```
#9ba1f0
```
#9ba1f0 rgb(155,161,240)
```
#acb1f3
```
#acb1f3 rgb(172,177,243)
```
#bdc1f5
```
#bdc1f5 rgb(189,193,245)
```
#ced1f8
```
#ced1f8 rgb(206,209,248)
```
#dfe1fa
```
#dfe1fa rgb(223,225,250)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71727d is the less saturated color, while #0415ea is the most saturated one.

#71727d
```
#71727d rgb(113,114,125)
```
#686a86
```
#686a86 rgb(104,106,134)
```
#5f638f
```
#5f638f rgb(95,99,143)
```
#565b98
```
#565b98 rgb(86,91,152)
```
#4d53a1
```
#4d53a1 rgb(77,83,161)
```
#444baa
```
#444baa rgb(68,75,170)
```
#3a43b4
```
#3a43b4 rgb(58,67,180)
```
#313cbd
```
#313cbd rgb(49,60,189)
```
#2834c6
```
#2834c6 rgb(40,52,198)
```
#1f2ccf
```
#1f2ccf rgb(31,44,207)
```
#1624d8
```
#1624d8 rgb(22,36,216)
```
#0d1ce1
```
#0d1ce1 rgb(13,28,225)
```
#0415ea
```
#0415ea rgb(4,21,234)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0b42ad Protanomaly 1% of men, 0.01% of women
#0b45a0 Deuteranomaly 6% of men, 0.4% of women
#0b4987 Tritanomaly 0.01% of the population

#1f2ccf hex color

#1f2ccf Color Information

#1f2ccf Color Conversion

Color Schemes with #1f2ccf

Alternatives to #1f2ccf

#1f2ccf Preview

Shades and Tints of #1f2ccf

Tones of #1f2ccf

Color Blindness Simulator