#1f2564 hex color

In a RGB color space, hex #1f2564 is composed of 12.2% red, 14.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 63% magenta, 0% yellow and 60.8% black. It has a hue angle of 234.8 degrees, a saturation of 52.7% and a lightness of 25.7%. #1f2564 color hex could be obtained by blending #3e4ac8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 15
- B 39
RGB color chart
- C 69
- M 63
- Y 0
- K 61
CMYK color chart

● #1f2564 color description : Very dark blue.

The hexadecimal color #1f2564 has RGB values of R:31, G:37, B:100 and CMYK values of C:0.69, M:0.63, Y:0, K:0.61. Its decimal value is 2041188.

Hex triplet	1f2564	`#1f2564`
RGB Decimal	31, 37, 100	`rgb(31,37,100)`
RGB Percent	12.2, 14.5, 39.2	`rgb(12.2%,14.5%,39.2%)`
CMYK	69, 63, 0, 61
HSL	234.8°, 52.7, 25.7	`hsl(234.8,52.7%,25.7%)`
HSV (or HSB)	234.8°, 69, 39.2
Web Safe	333366	`#333366`

CIE-LAB	18.073, 19.896, -38.09
XYZ	3.526, 2.534, 12.359
xyY	0.191, 0.138, 2.534
CIE-LCH	18.073, 42.973, 297.581
CIE-LUV	18.073, -4.328, -41.872
Hunter-Lab	15.92, 11.681, -34.886
Binary	00011111, 00100101, 01100100

#1f2564
```
#1f2564 rgb(31,37,100)
```
#645e1f
```
#645e1f rgb(100,94,31)
```

Complementary Color

#1f4864
```
#1f4864 rgb(31,72,100)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#3b1f64
```
#3b1f64 rgb(59,31,100)
```

Analogous Color

#48641f
```
#48641f rgb(72,100,31)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#643b1f
```
#643b1f rgb(100,59,31)
```

Split Complementary Color

#25641f
```
#25641f rgb(37,100,31)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#641f25
```
#641f25 rgb(100,31,37)
```

Triadic Color

#1f645e
```
#1f645e rgb(31,100,94)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#641f25
```
#641f25 rgb(100,31,37)
```
#645e1f
```
#645e1f rgb(100,94,31)
```

Tetradic Color

#0d0f2a
```
#0d0f2a rgb(13,15,42)
```
#13173d
```
#13173d rgb(19,23,61)
```
#191e51
```
#191e51 rgb(25,30,81)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#252c77
```
#252c77 rgb(37,44,119)
```
#2b338b
```
#2b338b rgb(43,51,139)
```
#313b9e
```
#313b9e rgb(49,59,158)
```

Monochromatic Color

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

#1f3664
```
#1f3664 rgb(31,54,100)
```
#1f3164
```
#1f3164 rgb(31,49,100)
```
#1f2b64
```
#1f2b64 rgb(31,43,100)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#1f1f64
```
#1f1f64 rgb(31,31,100)
```
#241f64
```
#241f64 rgb(36,31,100)
```
#2a1f64
```
#2a1f64 rgb(42,31,100)
```

Similar Colors

Text with hexadecimal color #1f2564

This text has a font color of #1f2564.

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

#1f2564 background color

This paragraph has a background color of #1f2564.

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

#1f2564 border color

This element has a border color of #1f2564.

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

CSS codes

.text {color:#1f2564;}

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

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

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, #03040a is the darkest color, while #fafafe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#080919
```
#080919 rgb(8,9,25)
```
#0c0f28
```
#0c0f28 rgb(12,15,40)
```
#111437
```
#111437 rgb(17,20,55)
```
#161a46
```
#161a46 rgb(22,26,70)
```
#1a1f55
```
#1a1f55 rgb(26,31,85)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#242b73
```
#242b73 rgb(36,43,115)
```
#283082
```
#283082 rgb(40,48,130)
```
#2d3691
```
#2d3691 rgb(45,54,145)
```
#323ba0
```
#323ba0 rgb(50,59,160)
```
#3641af
```
#3641af rgb(54,65,175)
```
#3b46be
```
#3b46be rgb(59,70,190)
```

Shade Color Variation

#4752c6
```
#4752c6 rgb(71,82,198)
```
#5560ca
```
#5560ca rgb(85,96,202)
```
#646ecf
```
#646ecf rgb(100,110,207)
```
#737cd4
```
#737cd4 rgb(115,124,212)
```
#828ad8
```
#828ad8 rgb(130,138,216)
```
#9198dd
```
#9198dd rgb(145,152,221)
```
#a0a6e2
```
#a0a6e2 rgb(160,166,226)
```
#afb4e6
```
#afb4e6 rgb(175,180,230)
```
#bec2eb
```
#bec2eb rgb(190,194,235)
```
#cdd0f0
```
#cdd0f0 rgb(205,208,240)
```
#dcdef4
```
#dcdef4 rgb(220,222,244)
```
#ebecf9
```
#ebecf9 rgb(235,236,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3e46 is the less saturated color, while #010c82 is the most saturated one.

#3d3e46
```
#3d3e46 rgb(61,62,70)
```
#383a4b
```
#383a4b rgb(56,58,75)
```
#333650
```
#333650 rgb(51,54,80)
```
#2e3155
```
#2e3155 rgb(46,49,85)
```
#292d5a
```
#292d5a rgb(41,45,90)
```
#24295f
```
#24295f rgb(36,41,95)
```
#1f2564
```
#1f2564 rgb(31,37,100)
```
#1a2169
```
#1a2169 rgb(26,33,105)
```
#151d6e
```
#151d6e rgb(21,29,110)
```
#101973
```
#101973 rgb(16,25,115)
```
#0b1478
```
#0b1478 rgb(11,20,120)
```
#06107d
```
#06107d rgb(6,16,125)
```
#010c82
```
#010c82 rgb(1,12,130)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#282936 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003568 Protanopia 1% of men
#00385b Deuteranopia 1% of men
#003c40 Tritanopia 0.001% of the population

Trichromacy

#0b2f66 Protanomaly 1% of men, 0.01% of women
#0b315e Deuteranomaly 6% of men, 0.4% of women
#0b334d Tritanomaly 0.01% of the population

#1f2564 hex color

#1f2564 Color Information

#1f2564 Color Conversion

Color Schemes with #1f2564

Alternatives to #1f2564

#1f2564 Preview

Shades and Tints of #1f2564

Tones of #1f2564

Color Blindness Simulator