#1f56a7 hex color

In a RGB color space, hex #1f56a7 is composed of 12.2% red, 33.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 48.5% magenta, 0% yellow and 34.5% black. It has a hue angle of 215.7 degrees, a saturation of 68.7% and a lightness of 38.8%. #1f56a7 color hex could be obtained by blending #3eacff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 34
- B 65
RGB color chart
- C 81
- M 49
- Y 0
- K 35
CMYK color chart

● #1f56a7 color description : Dark blue.

The hexadecimal color #1f56a7 has RGB values of R:31, G:86, B:167 and CMYK values of C:0.81, M:0.49, Y:0, K:0.35. Its decimal value is 2053799.

Hex triplet	1f56a7	`#1f56a7`
RGB Decimal	31, 86, 167	`rgb(31,86,167)`
RGB Percent	12.2, 33.7, 65.5	`rgb(12.2%,33.7%,65.5%)`
CMYK	81, 49, 0, 35
HSL	215.7°, 68.7, 38.8	`hsl(215.7,68.7%,38.8%)`
HSV (or HSB)	215.7°, 81.4, 65.5
Web Safe	336699	`#336699`

CIE-LAB	37.364, 12.652, -48.635
XYZ	10.866, 9.736, 37.864
xyY	0.186, 0.167, 9.736
CIE-LCH	37.364, 50.254, 284.582
CIE-LUV	37.364, -18.047, -70.14
Hunter-Lab	31.203, 7.558, -50.105
Binary	00011111, 01010110, 10100111

#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#a7701f
```
#a7701f rgb(167,112,31)
```

Complementary Color

#1f9aa7
```
#1f9aa7 rgb(31,154,167)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#2c1fa7
```
#2c1fa7 rgb(44,31,167)
```

Analogous Color

#9aa71f
```
#9aa71f rgb(154,167,31)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#a72c1f
```
#a72c1f rgb(167,44,31)
```

Split Complementary Color

#56a71f
```
#56a71f rgb(86,167,31)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#a71f56
```
#a71f56 rgb(167,31,86)
```

Triadic Color

#1fa770
```
#1fa770 rgb(31,167,112)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#a71f56
```
#a71f56 rgb(167,31,86)
```
#a7701f
```
#a7701f rgb(167,112,31)
```

Tetradic Color

#133566
```
#133566 rgb(19,53,102)
```
#17407c
```
#17407c rgb(23,64,124)
```
#1b4b91
```
#1b4b91 rgb(27,75,145)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#2361bd
```
#2361bd rgb(35,97,189)
```
#276cd2
```
#276cd2 rgb(39,108,210)
```
#387ada
```
#387ada rgb(56,122,218)
```

Monochromatic Color

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

#1f78a7
```
#1f78a7 rgb(31,120,167)
```
#1f6da7
```
#1f6da7 rgb(31,109,167)
```
#1f61a7
```
#1f61a7 rgb(31,97,167)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#1f4ba7
```
#1f4ba7 rgb(31,75,167)
```
#1f3fa7
```
#1f3fa7 rgb(31,63,167)
```
#1f34a7
```
#1f34a7 rgb(31,52,167)
```

Similar Colors

Text with hexadecimal color #1f56a7

This text has a font color of #1f56a7.

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

#1f56a7 background color

This paragraph has a background color of #1f56a7.

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

#1f56a7 border color

This element has a border color of #1f56a7.

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

CSS codes

.text {color:#1f56a7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030912
```
#030912 rgb(3,9,18)
```
#061223
```
#061223 rgb(6,18,35)
```
#0a1a33
```
#0a1a33 rgb(10,26,51)
```
#0d2344
```
#0d2344 rgb(13,35,68)
```
#102b54
```
#102b54 rgb(16,43,84)
```
#133465
```
#133465 rgb(19,52,101)
```
#163c75
```
#163c75 rgb(22,60,117)
```
#194586
```
#194586 rgb(25,69,134)
```
#1c4d96
```
#1c4d96 rgb(28,77,150)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#225fb8
```
#225fb8 rgb(34,95,184)
```
#2567c8
```
#2567c8 rgb(37,103,200)
```

Shade Color Variation

#2970d7
```
#2970d7 rgb(41,112,215)
```
#3a7bda
```
#3a7bda rgb(58,123,218)
```
#4b86de
```
#4b86de rgb(75,134,222)
```
#5b91e1
```
#5b91e1 rgb(91,145,225)
```
#6c9ce4
```
#6c9ce4 rgb(108,156,228)
```
#7ca7e7
```
#7ca7e7 rgb(124,167,231)
```
#8db2ea
```
#8db2ea rgb(141,178,234)
```
#9dbded
```
#9dbded rgb(157,189,237)
```
#aec9f0
```
#aec9f0 rgb(174,201,240)
```
#bed4f3
```
#bed4f3 rgb(190,212,243)
```
#cfdff6
```
#cfdff6 rgb(207,223,246)
```
#dfeaf9
```
#dfeaf9 rgb(223,234,249)
```
#f0f5fc
```
#f0f5fc rgb(240,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c626a is the less saturated color, while #0150c5 is the most saturated one.

#5c626a
```
#5c626a rgb(92,98,106)
```
#546072
```
#546072 rgb(84,96,114)
```
#4d5f79
```
#4d5f79 rgb(77,95,121)
```
#455d81
```
#455d81 rgb(69,93,129)
```
#3d5c89
```
#3d5c89 rgb(61,92,137)
```
#365a90
```
#365a90 rgb(54,90,144)
```
#2e5998
```
#2e5998 rgb(46,89,152)
```
#27579f
```
#27579f rgb(39,87,159)
```
#1f56a7
```
#1f56a7 rgb(31,86,167)
```
#1755af
```
#1755af rgb(23,85,175)
```
#1053b6
```
#1053b6 rgb(16,83,182)
```
#0852be
```
#0852be rgb(8,82,190)
```
#0150c5
```
#0150c5 rgb(1,80,197)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#455061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#325eaa Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#2b5ba9 Protanomaly 1% of men, 0.01% of women
#0b5da4 Deuteranomaly 6% of men, 0.4% of women
#0b6284 Tritanomaly 0.01% of the population

#1f56a7 hex color

#1f56a7 Color Information

#1f56a7 Color Conversion

Color Schemes with #1f56a7

Alternatives to #1f56a7

#1f56a7 Preview

Shades and Tints of #1f56a7

Tones of #1f56a7

Color Blindness Simulator