#1f4664 hex color

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

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

● #1f4664 color description : Very dark blue.

The hexadecimal color #1f4664 has RGB values of R:31, G:70, B:100 and CMYK values of C:0.69, M:0.3, Y:0, K:0.61. Its decimal value is 2049636.

Hex triplet	1f4664	`#1f4664`
RGB Decimal	31, 70, 100	`rgb(31,70,100)`
RGB Percent	12.2, 27.5, 39.2	`rgb(12.2%,27.5%,39.2%)`
CMYK	69, 30, 0, 61
HSL	206.1°, 52.7, 25.7	`hsl(206.1,52.7%,25.7%)`
HSV (or HSB)	206.1°, 69, 39.2
Web Safe	333366	`#333366`

CIE-LAB	28.357, -3.164, -21.672
XYZ	5.055, 5.591, 12.869
xyY	0.215, 0.238, 5.591
CIE-LCH	28.357, 21.901, 261.694
CIE-LUV	28.357, -14.485, -27.187
Hunter-Lab	23.646, -3.222, -15.715
Binary	00011111, 01000110, 01100100

#1f4664
```
#1f4664 rgb(31,70,100)
```
#643d1f
```
#643d1f rgb(100,61,31)
```

Complementary Color

#1f645f
```
#1f645f rgb(31,100,95)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#1f2464
```
#1f2464 rgb(31,36,100)
```

Analogous Color

#645f1f
```
#645f1f rgb(100,95,31)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#641f24
```
#641f24 rgb(100,31,36)
```

Split Complementary Color

#46641f
```
#46641f rgb(70,100,31)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#641f46
```
#641f46 rgb(100,31,70)
```

Triadic Color

#1f643d
```
#1f643d rgb(31,100,61)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#641f46
```
#641f46 rgb(100,31,70)
```
#643d1f
```
#643d1f rgb(100,61,31)
```

Tetradic Color

#0d1d2a
```
#0d1d2a rgb(13,29,42)
```
#132b3d
```
#132b3d rgb(19,43,61)
```
#193851
```
#193851 rgb(25,56,81)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#255477
```
#255477 rgb(37,84,119)
```
#2b618b
```
#2b618b rgb(43,97,139)
```
#316f9e
```
#316f9e rgb(49,111,158)
```

Monochromatic Color

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

#1f5764
```
#1f5764 rgb(31,87,100)
```
#1f5264
```
#1f5264 rgb(31,82,100)
```
#1f4c64
```
#1f4c64 rgb(31,76,100)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#1f4064
```
#1f4064 rgb(31,64,100)
```
#1f3b64
```
#1f3b64 rgb(31,59,100)
```
#1f3564
```
#1f3564 rgb(31,53,100)
```

Similar Colors

Text with hexadecimal color #1f4664

This text has a font color of #1f4664.

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

#1f4664 background color

This paragraph has a background color of #1f4664.

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

#1f4664 border color

This element has a border color of #1f4664.

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

CSS codes

.text {color:#1f4664;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#081219
```
#081219 rgb(8,18,25)
```
#0c1c28
```
#0c1c28 rgb(12,28,40)
```
#112737
```
#112737 rgb(17,39,55)
```
#163146
```
#163146 rgb(22,49,70)
```
#1a3c55
```
#1a3c55 rgb(26,60,85)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#245073
```
#245073 rgb(36,80,115)
```
#285b82
```
#285b82 rgb(40,91,130)
```
#2d6591
```
#2d6591 rgb(45,101,145)
```
#3270a0
```
#3270a0 rgb(50,112,160)
```
#367aaf
```
#367aaf rgb(54,122,175)
```
#3b85be
```
#3b85be rgb(59,133,190)
```

Shade Color Variation

#478ec6
```
#478ec6 rgb(71,142,198)
```
#5598ca
```
#5598ca rgb(85,152,202)
```
#64a1cf
```
#64a1cf rgb(100,161,207)
```
#73aad4
```
#73aad4 rgb(115,170,212)
```
#82b3d8
```
#82b3d8 rgb(130,179,216)
```
#91bcdd
```
#91bcdd rgb(145,188,221)
```
#a0c5e2
```
#a0c5e2 rgb(160,197,226)
```
#afcee6
```
#afcee6 rgb(175,206,230)
```
#bed8eb
```
#bed8eb rgb(190,216,235)
```
#cde1f0
```
#cde1f0 rgb(205,225,240)
```
#dceaf4
```
#dceaf4 rgb(220,234,244)
```
#ebf3f9
```
#ebf3f9 rgb(235,243,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#3d4246
```
#3d4246 rgb(61,66,70)
```
#38434b
```
#38434b rgb(56,67,75)
```
#334350
```
#334350 rgb(51,67,80)
```
#2e4455
```
#2e4455 rgb(46,68,85)
```
#29455a
```
#29455a rgb(41,69,90)
```
#24455f
```
#24455f rgb(36,69,95)
```
#1f4664
```
#1f4664 rgb(31,70,100)
```
#1a4769
```
#1a4769 rgb(26,71,105)
```
#15476e
```
#15476e rgb(21,71,110)
```
#104873
```
#104873 rgb(16,72,115)
```
#0b4978
```
#0b4978 rgb(11,73,120)
```
#06497d
```
#06497d rgb(6,73,125)
```
#014a82
```
#014a82 rgb(1,74,130)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#384046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424b69 Protanopia 1% of men
#3d4c6d Deuteranopia 1% of men
#1d5359 Tritanopia 0.001% of the population

Trichromacy

#354967 Protanomaly 1% of men, 0.01% of women
#324a6a Deuteranomaly 6% of men, 0.4% of women
#1d4e5d Tritanomaly 0.01% of the population

#1f4664 hex color

#1f4664 Color Information

#1f4664 Color Conversion

Color Schemes with #1f4664

Alternatives to #1f4664

#1f4664 Preview

Shades and Tints of #1f4664

Tones of #1f4664

Color Blindness Simulator