#1f56a8 hex color

In a RGB color space, hex #1f56a8 is composed of 12.2% red, 33.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 48.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 215.9 degrees, a saturation of 68.8% and a lightness of 39%. #1f56a8 color hex could be obtained by blending #3eacff with #000051. Closest websafe color is: #336699.

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

● #1f56a8 color description : Dark blue.

The hexadecimal color #1f56a8 has RGB values of R:31, G:86, B:168 and CMYK values of C:0.82, M:0.49, Y:0, K:0.34. Its decimal value is 2053800.

Hex triplet	1f56a8	`#1f56a8`
RGB Decimal	31, 86, 168	`rgb(31,86,168)`
RGB Percent	12.2, 33.7, 65.9	`rgb(12.2%,33.7%,65.9%)`
CMYK	82, 49, 0, 34
HSL	215.9°, 68.8, 39	`hsl(215.9,68.8%,39%)`
HSV (or HSB)	215.9°, 81.5, 65.9
Web Safe	336699	`#336699`

CIE-LAB	37.432, 13.049, -49.121
XYZ	10.959, 9.773, 38.352
xyY	0.185, 0.165, 9.773
CIE-LCH	37.432, 50.825, 284.877
CIE-LUV	37.432, -18.024, -70.894
Hunter-Lab	31.262, 7.866, -50.854
Binary	00011111, 01010110, 10101000

#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#a8711f
```
#a8711f rgb(168,113,31)
```

Complementary Color

#1f9ba8
```
#1f9ba8 rgb(31,155,168)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#2d1fa8
```
#2d1fa8 rgb(45,31,168)
```

Analogous Color

#9ba81f
```
#9ba81f rgb(155,168,31)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#a82c1f
```
#a82c1f rgb(168,44,31)
```

Split Complementary Color

#56a81f
```
#56a81f rgb(86,168,31)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#a81f56
```
#a81f56 rgb(168,31,86)
```

Triadic Color

#1fa871
```
#1fa871 rgb(31,168,113)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#a81f56
```
#a81f56 rgb(168,31,86)
```
#a8711f
```
#a8711f rgb(168,113,31)
```

Tetradic Color

#133567
```
#133567 rgb(19,53,103)
```
#17407d
```
#17407d rgb(23,64,125)
```
#1b4b92
```
#1b4b92 rgb(27,75,146)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#2361be
```
#2361be rgb(35,97,190)
```
#276cd3
```
#276cd3 rgb(39,108,211)
```
#397ada
```
#397ada rgb(57,122,218)
```

Monochromatic Color

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

#1f78a8
```
#1f78a8 rgb(31,120,168)
```
#1f6da8
```
#1f6da8 rgb(31,109,168)
```
#1f61a8
```
#1f61a8 rgb(31,97,168)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#1f4ba8
```
#1f4ba8 rgb(31,75,168)
```
#1f3fa8
```
#1f3fa8 rgb(31,63,168)
```
#1f34a8
```
#1f34a8 rgb(31,52,168)
```

Similar Colors

Text with hexadecimal color #1f56a8

This text has a font color of #1f56a8.

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

#1f56a8 background color

This paragraph has a background color of #1f56a8.

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

#1f56a8 border color

This element has a border color of #1f56a8.

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

CSS codes

.text {color:#1f56a8;}

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

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

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 #f1f5fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030a13
```
#030a13 rgb(3,10,19)
```
#071224
```
#071224 rgb(7,18,36)
```
#0a1b34
```
#0a1b34 rgb(10,27,52)
```
#0d2345
```
#0d2345 rgb(13,35,69)
```
#102c55
```
#102c55 rgb(16,44,85)
```
#133466
```
#133466 rgb(19,52,102)
```
#163d76
```
#163d76 rgb(22,61,118)
```
#194587
```
#194587 rgb(25,69,135)
```
#1c4e97
```
#1c4e97 rgb(28,78,151)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#225eb9
```
#225eb9 rgb(34,94,185)
```
#2567c9
```
#2567c9 rgb(37,103,201)
```

Shade Color Variation

#2a70d8
```
#2a70d8 rgb(42,112,216)
```
#3b7bdb
```
#3b7bdb rgb(59,123,219)
```
#4b86de
```
#4b86de rgb(75,134,222)
```
#5c91e1
```
#5c91e1 rgb(92,145,225)
```
#6c9ce4
```
#6c9ce4 rgb(108,156,228)
```
#7da8e7
```
#7da8e7 rgb(125,168,231)
```
#8db3ea
```
#8db3ea rgb(141,179,234)
```
#9ebeed
```
#9ebeed rgb(158,190,237)
```
#afc9f0
```
#afc9f0 rgb(175,201,240)
```
#bfd4f3
```
#bfd4f3 rgb(191,212,243)
```
#d0dff6
```
#d0dff6 rgb(208,223,246)
```
#e0eaf9
```
#e0eaf9 rgb(224,234,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

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

#5c626b
```
#5c626b rgb(92,98,107)
```
#556172
```
#556172 rgb(85,97,114)
```
#4d5f7a
```
#4d5f7a rgb(77,95,122)
```
#455e82
```
#455e82 rgb(69,94,130)
```
#3e5c89
```
#3e5c89 rgb(62,92,137)
```
#365b91
```
#365b91 rgb(54,91,145)
```
#2e5999
```
#2e5999 rgb(46,89,153)
```
#2758a0
```
#2758a0 rgb(39,88,160)
```
#1f56a8
```
#1f56a8 rgb(31,86,168)
```
#1754b0
```
#1754b0 rgb(23,84,176)
```
#1053b7
```
#1053b7 rgb(16,83,183)
```
#0851bf
```
#0851bf rgb(8,81,191)
```
#0050c7
```
#0050c7 rgb(0,80,199)
```

Tone Color Variation

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

#315eab Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

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

#1f56a8 hex color

#1f56a8 Color Information

#1f56a8 Color Conversion

Color Schemes with #1f56a8

Alternatives to #1f56a8

#1f56a8 Preview

Shades and Tints of #1f56a8

Tones of #1f56a8

Color Blindness Simulator