#1f56a4 hex color

In a RGB color space, hex #1f56a4 is composed of 12.2% red, 33.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 47.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 215.2 degrees, a saturation of 68.2% and a lightness of 38.2%. #1f56a4 color hex could be obtained by blending #3eacff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 34
- B 64
RGB color chart
- C 81
- M 48
- Y 0
- K 36
CMYK color chart

● #1f56a4 color description : Dark blue.

The hexadecimal color #1f56a4 has RGB values of R:31, G:86, B:164 and CMYK values of C:0.81, M:0.48, Y:0, K:0.36. Its decimal value is 2053796.

Hex triplet	1f56a4	`#1f56a4`
RGB Decimal	31, 86, 164	`rgb(31,86,164)`
RGB Percent	12.2, 33.7, 64.3	`rgb(12.2%,33.7%,64.3%)`
CMYK	81, 48, 0, 36
HSL	215.2°, 68.2, 38.2	`hsl(215.2,68.2%,38.2%)`
HSV (or HSB)	215.2°, 81.1, 64.3
Web Safe	336699	`#336699`

CIE-LAB	37.163, 11.461, -47.171
XYZ	10.592, 9.626, 36.42
xyY	0.187, 0.17, 9.626
CIE-LCH	37.163, 48.543, 283.656
CIE-LUV	37.163, -18.118, -67.865
Hunter-Lab	31.026, 6.643, -47.878
Binary	00011111, 01010110, 10100100

#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#a46d1f
```
#a46d1f rgb(164,109,31)
```

Complementary Color

#1f99a4
```
#1f99a4 rgb(31,153,164)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#2a1fa4
```
#2a1fa4 rgb(42,31,164)
```

Analogous Color

#99a41f
```
#99a41f rgb(153,164,31)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#a42a1f
```
#a42a1f rgb(164,42,31)
```

Split Complementary Color

#56a41f
```
#56a41f rgb(86,164,31)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#a41f56
```
#a41f56 rgb(164,31,86)
```

Triadic Color

#1fa46d
```
#1fa46d rgb(31,164,109)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#a41f56
```
#a41f56 rgb(164,31,86)
```
#a46d1f
```
#a46d1f rgb(164,109,31)
```

Tetradic Color

#133464
```
#133464 rgb(19,52,100)
```
#174079
```
#174079 rgb(23,64,121)
```
#1b4b8f
```
#1b4b8f rgb(27,75,143)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#2361b9
```
#2361b9 rgb(35,97,185)
```
#276ccf
```
#276ccf rgb(39,108,207)
```
#367ad9
```
#367ad9 rgb(54,122,217)
```

Monochromatic Color

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

#1f77a4
```
#1f77a4 rgb(31,119,164)
```
#1f6ca4
```
#1f6ca4 rgb(31,108,164)
```
#1f61a4
```
#1f61a4 rgb(31,97,164)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#1f4ba4
```
#1f4ba4 rgb(31,75,164)
```
#1f40a4
```
#1f40a4 rgb(31,64,164)
```
#1f35a4
```
#1f35a4 rgb(31,53,164)
```

Similar Colors

Text with hexadecimal color #1f56a4

This text has a font color of #1f56a4.

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

#1f56a4 background color

This paragraph has a background color of #1f56a4.

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

#1f56a4 border color

This element has a border color of #1f56a4.

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

CSS codes

.text {color:#1f56a4;}

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

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

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

#030810
```
#030810 rgb(3,8,16)
```
#061120
```
#061120 rgb(6,17,32)
```
#091931
```
#091931 rgb(9,25,49)
```
#0c2241
```
#0c2241 rgb(12,34,65)
```
#0f2b52
```
#0f2b52 rgb(15,43,82)
```
#133362
```
#133362 rgb(19,51,98)
```
#163c73
```
#163c73 rgb(22,60,115)
```
#194583
```
#194583 rgb(25,69,131)
```
#1c4d94
```
#1c4d94 rgb(28,77,148)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#225fb4
```
#225fb4 rgb(34,95,180)
```
#2567c5
```
#2567c5 rgb(37,103,197)
```
#2870d5
```
#2870d5 rgb(40,112,213)
```

Shade Color Variation

#387bd9
```
#387bd9 rgb(56,123,217)
```
#4986dd
```
#4986dd rgb(73,134,221)
```
#5991e0
```
#5991e0 rgb(89,145,224)
```
#6a9ce3
```
#6a9ce3 rgb(106,156,227)
```
#7aa7e6
```
#7aa7e6 rgb(122,167,230)
```
#8bb2e9
```
#8bb2e9 rgb(139,178,233)
```
#9bbdec
```
#9bbdec rgb(155,189,236)
```
#acc8ef
```
#acc8ef rgb(172,200,239)
```
#bcd2f2
```
#bcd2f2 rgb(188,210,242)
```
#cdddf5
```
#cdddf5 rgb(205,221,245)
```
#dde8f9
```
#dde8f9 rgb(221,232,249)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5b6068
```
#5b6068 rgb(91,96,104)
```
#545f70
```
#545f70 rgb(84,95,112)
```
#4c5e77
```
#4c5e77 rgb(76,94,119)
```
#455c7f
```
#455c7f rgb(69,92,127)
```
#3d5b86
```
#3d5b86 rgb(61,91,134)
```
#365a8e
```
#365a8e rgb(54,90,142)
```
#2e5995
```
#2e5995 rgb(46,89,149)
```
#27579d
```
#27579d rgb(39,87,157)
```
#1f56a4
```
#1f56a4 rgb(31,86,164)
```
#1855ac
```
#1855ac rgb(24,85,172)
```
#1053b3
```
#1053b3 rgb(16,83,179)
```
#0952bb
```
#0952bb rgb(9,82,187)
```
#0151c2
```
#0151c2 rgb(1,81,194)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#45505f Atypical Achromatopsia 0.001% of the population

Dichromacy

#355da7 Protanopia 1% of men
#0061a2 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#2d5aa6 Protanomaly 1% of men, 0.01% of women
#0b5da2 Deuteranomaly 6% of men, 0.4% of women
#0b6283 Tritanomaly 0.01% of the population

#1f56a4 hex color

#1f56a4 Color Information

#1f56a4 Color Conversion

Color Schemes with #1f56a4

Alternatives to #1f56a4

#1f56a4 Preview

Shades and Tints of #1f56a4

Tones of #1f56a4

Color Blindness Simulator