#1f4460 hex color

In a RGB color space, hex #1f4460 is composed of 12.2% red, 26.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 29.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 205.8 degrees, a saturation of 51.2% and a lightness of 24.9%. #1f4460 color hex could be obtained by blending #3e88c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 27
- B 38
RGB color chart
- C 68
- M 29
- Y 0
- K 62
CMYK color chart

● #1f4460 color description : Very dark blue.

The hexadecimal color #1f4460 has RGB values of R:31, G:68, B:96 and CMYK values of C:0.68, M:0.29, Y:0, K:0.62. Its decimal value is 2049120.

Hex triplet	1f4460	`#1f4460`
RGB Decimal	31, 68, 96	`rgb(31,68,96)`
RGB Percent	12.2, 26.7, 37.6	`rgb(12.2%,26.7%,37.6%)`
CMYK	68, 29, 0, 62
HSL	205.8°, 51.2, 24.9	`hsl(205.8,51.2%,24.9%)`
HSV (or HSB)	205.8°, 67.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	27.49, -3.375, -20.46
XYZ	4.743, 5.27, 11.833
xyY	0.217, 0.241, 5.27
CIE-LCH	27.49, 20.736, 260.632
CIE-LUV	27.49, -13.864, -25.282
Hunter-Lab	22.956, -3.292, -14.493
Binary	00011111, 01000100, 01100000

#1f4460
```
#1f4460 rgb(31,68,96)
```
#603b1f
```
#603b1f rgb(96,59,31)
```

Complementary Color

#1f605c
```
#1f605c rgb(31,96,92)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#1f2460
```
#1f2460 rgb(31,36,96)
```

Analogous Color

#605c1f
```
#605c1f rgb(96,92,31)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#601f24
```
#601f24 rgb(96,31,36)
```

Split Complementary Color

#44601f
```
#44601f rgb(68,96,31)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#601f44
```
#601f44 rgb(96,31,68)
```

Triadic Color

#1f603b
```
#1f603b rgb(31,96,59)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#601f44
```
#601f44 rgb(96,31,68)
```
#603b1f
```
#603b1f rgb(96,59,31)
```

Tetradic Color

#0c1b26
```
#0c1b26 rgb(12,27,38)
```
#132939
```
#132939 rgb(19,41,57)
```
#19364d
```
#19364d rgb(25,54,77)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#255273
```
#255273 rgb(37,82,115)
```
#2b5f87
```
#2b5f87 rgb(43,95,135)
```
#326d9a
```
#326d9a rgb(50,109,154)
```

Monochromatic Color

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

#1f5460
```
#1f5460 rgb(31,84,96)
```
#1f4f60
```
#1f4f60 rgb(31,79,96)
```
#1f4960
```
#1f4960 rgb(31,73,96)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#1f3f60
```
#1f3f60 rgb(31,63,96)
```
#1f3960
```
#1f3960 rgb(31,57,96)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```

Similar Colors

Text with hexadecimal color #1f4460

This text has a font color of #1f4460.

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

#1f4460 background color

This paragraph has a background color of #1f4460.

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

#1f4460 border color

This element has a border color of #1f4460.

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

CSS codes

.text {color:#1f4460;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#070f16
```
#070f16 rgb(7,15,22)
```
#0c1a25
```
#0c1a25 rgb(12,26,37)
```
#112434
```
#112434 rgb(17,36,52)
```
#152f42
```
#152f42 rgb(21,47,66)
```
#1a3951
```
#1a3951 rgb(26,57,81)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#244f6f
```
#244f6f rgb(36,79,111)
```
#29597e
```
#29597e rgb(41,89,126)
```
#2d648c
```
#2d648c rgb(45,100,140)
```
#326e9b
```
#326e9b rgb(50,110,155)
```
#3779aa
```
#3779aa rgb(55,121,170)
```
#3c83b9
```
#3c83b9 rgb(60,131,185)
```

Shade Color Variation

#458dc3
```
#458dc3 rgb(69,141,195)
```
#5496c8
```
#5496c8 rgb(84,150,200)
```
#639fcd
```
#639fcd rgb(99,159,205)
```
#72a8d1
```
#72a8d1 rgb(114,168,209)
```
#81b1d6
```
#81b1d6 rgb(129,177,214)
```
#8fbadb
```
#8fbadb rgb(143,186,219)
```
#9ec4e0
```
#9ec4e0 rgb(158,196,224)
```
#adcde5
```
#adcde5 rgb(173,205,229)
```
#bcd6e9
```
#bcd6e9 rgb(188,214,233)
```
#cbdfee
```
#cbdfee rgb(203,223,238)
```
#dae8f3
```
#dae8f3 rgb(218,232,243)
```
#e8f1f8
```
#e8f1f8 rgb(232,241,248)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#3c4043
```
#3c4043 rgb(60,64,67)
```
#374148
```
#374148 rgb(55,65,72)
```
#33414c
```
#33414c rgb(51,65,76)
```
#2e4251
```
#2e4251 rgb(46,66,81)
```
#294356
```
#294356 rgb(41,67,86)
```
#24435b
```
#24435b rgb(36,67,91)
```
#1f4460
```
#1f4460 rgb(31,68,96)
```
#1a4565
```
#1a4565 rgb(26,69,101)
```
#15456a
```
#15456a rgb(21,69,106)
```
#10466f
```
#10466f rgb(16,70,111)
```
#0b4774
```
#0b4774 rgb(11,71,116)
```
#074778
```
#074778 rgb(7,71,120)
```
#02487d
```
#02487d rgb(2,72,125)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363e43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#414965 Protanopia 1% of men
#3c4a69 Deuteranopia 1% of men
#1f5157 Tritanopia 0.001% of the population

Trichromacy

#354763 Protanomaly 1% of men, 0.01% of women
#324866 Deuteranomaly 6% of men, 0.4% of women
#1f4c5a Tritanomaly 0.01% of the population

#1f4460 hex color

#1f4460 Color Information

#1f4460 Color Conversion

Color Schemes with #1f4460

Alternatives to #1f4460

#1f4460 Preview

Shades and Tints of #1f4460

Tones of #1f4460

Color Blindness Simulator