#1f56c7 hex color

In a RGB color space, hex #1f56c7 is composed of 12.2% red, 33.7% green and 78% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 56.8% magenta, 0% yellow and 22% black. It has a hue angle of 220.4 degrees, a saturation of 73% and a lightness of 45.1%. #1f56c7 color hex could be obtained by blending #3eacff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 34
- B 78
RGB color chart
- C 84
- M 57
- Y 0
- K 22
CMYK color chart

● #1f56c7 color description : Strong blue.

The hexadecimal color #1f56c7 has RGB values of R:31, G:86, B:199 and CMYK values of C:0.84, M:0.57, Y:0, K:0.22. Its decimal value is 2053831.

Hex triplet	1f56c7	`#1f56c7`
RGB Decimal	31, 86, 199	`rgb(31,86,199)`
RGB Percent	12.2, 33.7, 78	`rgb(12.2%,33.7%,78%)`
CMYK	84, 57, 0, 22
HSL	220.4°, 73, 45.1	`hsl(220.4,73%,45.1%)`
HSV (or HSB)	220.4°, 84.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.697, 25.234, -63.654
XYZ	14.199, 11.069, 55.418
xyY	0.176, 0.137, 11.069
CIE-LCH	39.697, 68.473, 291.624
CIE-LUV	39.697, -17.503, -93.312
Hunter-Lab	33.271, 17.958, -75.469
Binary	00011111, 01010110, 11000111

#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#c7901f
```
#c7901f rgb(199,144,31)
```

Complementary Color

#1faac7
```
#1faac7 rgb(31,170,199)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#3c1fc7
```
#3c1fc7 rgb(60,31,199)
```

Analogous Color

#aac71f
```
#aac71f rgb(170,199,31)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#c73c1f
```
#c73c1f rgb(199,60,31)
```

Split Complementary Color

#56c71f
```
#56c71f rgb(86,199,31)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#c71f56
```
#c71f56 rgb(199,31,86)
```

Triadic Color

#1fc790
```
#1fc790 rgb(31,199,144)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#c71f56
```
#c71f56 rgb(199,31,86)
```
#c7901f
```
#c7901f rgb(199,144,31)
```

Tetradic Color

#153985
```
#153985 rgb(21,57,133)
```
#18439b
```
#18439b rgb(24,67,155)
```
#1c4cb1
```
#1c4cb1 rgb(28,76,177)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#2360dd
```
#2360dd rgb(35,96,221)
```
#3970e0
```
#3970e0 rgb(57,112,224)
```
#4f80e4
```
#4f80e4 rgb(79,128,228)
```

Monochromatic Color

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

#1f80c7
```
#1f80c7 rgb(31,128,199)
```
#1f72c7
```
#1f72c7 rgb(31,114,199)
```
#1f64c7
```
#1f64c7 rgb(31,100,199)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#1f48c7
```
#1f48c7 rgb(31,72,199)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#1f2cc7
```
#1f2cc7 rgb(31,44,199)
```

Similar Colors

Text with hexadecimal color #1f56c7

This text has a font color of #1f56c7.

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

#1f56c7 background color

This paragraph has a background color of #1f56c7.

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

#1f56c7 border color

This element has a border color of #1f56c7.

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

CSS codes

.text {color:#1f56c7;}

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

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

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, #02050c is the darkest color, while #fafcfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#050d1d
```
#050d1d rgb(5,13,29)
```
#07142e
```
#07142e rgb(7,20,46)
```
#0a1b3f
```
#0a1b3f rgb(10,27,63)
```
#0c2350
```
#0c2350 rgb(12,35,80)
```
#0f2a61
```
#0f2a61 rgb(15,42,97)
```
#123172
```
#123172 rgb(18,49,114)
```
#143983
```
#143983 rgb(20,57,131)
```
#174094
```
#174094 rgb(23,64,148)
```
#1a47a5
```
#1a47a5 rgb(26,71,165)
```
#1c4fb6
```
#1c4fb6 rgb(28,79,182)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#225dd8
```
#225dd8 rgb(34,93,216)
```

Shade Color Variation

#2f68df
```
#2f68df rgb(47,104,223)
```
#4075e1
```
#4075e1 rgb(64,117,225)
```
#5181e4
```
#5181e4 rgb(81,129,228)
```
#628de6
```
#628de6 rgb(98,141,230)
```
#7399e9
```
#7399e9 rgb(115,153,233)
```
#84a6ec
```
#84a6ec rgb(132,166,236)
```
#95b2ee
```
#95b2ee rgb(149,178,238)
```
#a5bef1
```
#a5bef1 rgb(165,190,241)
```
#b6cbf4
```
#b6cbf4 rgb(182,203,244)
```
#c7d7f6
```
#c7d7f6 rgb(199,215,246)
```
#d8e3f9
```
#d8e3f9 rgb(216,227,249)
```
#e9effc
```
#e9effc rgb(233,239,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7177 is the less saturated color, while #044de2 is the most saturated one.

#6f7177
```
#6f7177 rgb(111,113,119)
```
#666e80
```
#666e80 rgb(102,110,128)
```
#5d6b89
```
#5d6b89 rgb(93,107,137)
```
#546892
```
#546892 rgb(84,104,146)
```
#4b659b
```
#4b659b rgb(75,101,155)
```
#4262a4
```
#4262a4 rgb(66,98,164)
```
#3a5fac
```
#3a5fac rgb(58,95,172)
```
#315cb5
```
#315cb5 rgb(49,92,181)
```
#2859be
```
#2859be rgb(40,89,190)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#1653d0
```
#1653d0 rgb(22,83,208)
```
#0d50d9
```
#0d50d9 rgb(13,80,217)
```
#044de2
```
#044de2 rgb(4,77,226)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0b5ec3 Protanomaly 1% of men, 0.01% of women
#0b61b3 Deuteranomaly 6% of men, 0.4% of women
#0b6693 Tritanomaly 0.01% of the population

#1f56c7 hex color

#1f56c7 Color Information

#1f56c7 Color Conversion

Color Schemes with #1f56c7

Alternatives to #1f56c7

#1f56c7 Preview

Shades and Tints of #1f56c7

Tones of #1f56c7

Color Blindness Simulator