#1f4165 hex color

In a RGB color space, hex #1f4165 is composed of 12.2% red, 25.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 35.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 210.9 degrees, a saturation of 53% and a lightness of 25.9%. #1f4165 color hex could be obtained by blending #3e82ca with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 25
- B 40
RGB color chart
- C 69
- M 36
- Y 0
- K 60
CMYK color chart

● #1f4165 color description : Very dark blue.

The hexadecimal color #1f4165 has RGB values of R:31, G:65, B:101 and CMYK values of C:0.69, M:0.36, Y:0, K:0.6. Its decimal value is 2048357.

Hex triplet	1f4165	`#1f4165`
RGB Decimal	31, 65, 101	`rgb(31,65,101)`
RGB Percent	12.2, 25.5, 39.6	`rgb(12.2%,25.5%,39.6%)`
CMYK	69, 36, 0, 60
HSL	210.9°, 53, 25.9	`hsl(210.9,53%,25.9%)`
HSV (or HSB)	210.9°, 69.3, 39.6
Web Safe	333366	`#333366`

CIE-LAB	26.767, 0.525, -24.811
XYZ	4.804, 5.011, 13.025
xyY	0.21, 0.219, 5.011
CIE-LCH	26.767, 24.816, 271.213
CIE-LUV	26.767, -12.677, -31.14
Hunter-Lab	22.386, -0.87, -18.829
Binary	00011111, 01000001, 01100101

#1f4165
```
#1f4165 rgb(31,65,101)
```
#65431f
```
#65431f rgb(101,67,31)
```

Complementary Color

#1f6465
```
#1f6465 rgb(31,100,101)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#201f65
```
#201f65 rgb(32,31,101)
```

Analogous Color

#64651f
```
#64651f rgb(100,101,31)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#65201f
```
#65201f rgb(101,32,31)
```

Split Complementary Color

#41651f
```
#41651f rgb(65,101,31)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#651f41
```
#651f41 rgb(101,31,65)
```

Triadic Color

#1f6543
```
#1f6543 rgb(31,101,67)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#651f41
```
#651f41 rgb(101,31,65)
```
#65431f
```
#65431f rgb(101,67,31)
```

Tetradic Color

#0d1b2a
```
#0d1b2a rgb(13,27,42)
```
#13283e
```
#13283e rgb(19,40,62)
```
#193451
```
#193451 rgb(25,52,81)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#254e79
```
#254e79 rgb(37,78,121)
```
#2b5a8c
```
#2b5a8c rgb(43,90,140)
```
#3167a0
```
#3167a0 rgb(49,103,160)
```

Monochromatic Color

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

#1f5365
```
#1f5365 rgb(31,83,101)
```
#1f4d65
```
#1f4d65 rgb(31,77,101)
```
#1f4765
```
#1f4765 rgb(31,71,101)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#1f3b65
```
#1f3b65 rgb(31,59,101)
```
#1f3565
```
#1f3565 rgb(31,53,101)
```
#1f3065
```
#1f3065 rgb(31,48,101)
```

Similar Colors

Text with hexadecimal color #1f4165

This text has a font color of #1f4165.

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

#1f4165 background color

This paragraph has a background color of #1f4165.

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

#1f4165 border color

This element has a border color of #1f4165.

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

CSS codes

.text {color:#1f4165;}

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

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

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

#03070b
```
#03070b rgb(3,7,11)
```
#08111a
```
#08111a rgb(8,17,26)
```
#0d1a29
```
#0d1a29 rgb(13,26,41)
```
#112438
```
#112438 rgb(17,36,56)
```
#162e47
```
#162e47 rgb(22,46,71)
```
#1a3756
```
#1a3756 rgb(26,55,86)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#244b74
```
#244b74 rgb(36,75,116)
```
#285483
```
#285483 rgb(40,84,131)
```
#2d5e92
```
#2d5e92 rgb(45,94,146)
```
#3168a1
```
#3168a1 rgb(49,104,161)
```
#3671b0
```
#3671b0 rgb(54,113,176)
```
#3b7bbf
```
#3b7bbf rgb(59,123,191)
```

Shade Color Variation

#4785c6
```
#4785c6 rgb(71,133,198)
```
#568fcb
```
#568fcb rgb(86,143,203)
```
#6599d0
```
#6599d0 rgb(101,153,208)
```
#74a3d4
```
#74a3d4 rgb(116,163,212)
```
#83add9
```
#83add9 rgb(131,173,217)
```
#92b7de
```
#92b7de rgb(146,183,222)
```
#a1c1e2
```
#a1c1e2 rgb(161,193,226)
```
#b0cbe7
```
#b0cbe7 rgb(176,203,231)
```
#bfd4eb
```
#bfd4eb rgb(191,212,235)
```
#cedef0
```
#cedef0 rgb(206,222,240)
```
#dde8f5
```
#dde8f5 rgb(221,232,245)
```
#ecf2f9
```
#ecf2f9 rgb(236,242,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#3d4247
```
#3d4247 rgb(61,66,71)
```
#38424c
```
#38424c rgb(56,66,76)
```
#334251
```
#334251 rgb(51,66,81)
```
#2e4156
```
#2e4156 rgb(46,65,86)
```
#29415b
```
#29415b rgb(41,65,91)
```
#244160
```
#244160 rgb(36,65,96)
```
#1f4165
```
#1f4165 rgb(31,65,101)
```
#1a416a
```
#1a416a rgb(26,65,106)
```
#15416f
```
#15416f rgb(21,65,111)
```
#104174
```
#104174 rgb(16,65,116)
```
#0b4079
```
#0b4079 rgb(11,64,121)
```
#06407e
```
#06407e rgb(6,64,126)
```
#014083
```
#014083 rgb(1,64,131)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c486a Protanopia 1% of men
#34496d Deuteranopia 1% of men
#184f55 Tritanopia 0.001% of the population

Trichromacy

#314568 Protanomaly 1% of men, 0.01% of women
#2c466a Deuteranomaly 6% of men, 0.4% of women
#1a4a5b Tritanomaly 0.01% of the population

#1f4165 hex color

#1f4165 Color Information

#1f4165 Color Conversion

Color Schemes with #1f4165

Alternatives to #1f4165

#1f4165 Preview

Shades and Tints of #1f4165

Tones of #1f4165

Color Blindness Simulator