#1f3460 hex color

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

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

● #1f3460 color description : Very dark blue.

The hexadecimal color #1f3460 has RGB values of R:31, G:52, B:96 and CMYK values of C:0.68, M:0.46, Y:0, K:0.62. Its decimal value is 2045024.

Hex triplet	1f3460	`#1f3460`
RGB Decimal	31, 52, 96	`rgb(31,52,96)`
RGB Percent	12.2, 20.4, 37.6	`rgb(12.2%,20.4%,37.6%)`
CMYK	68, 46, 0, 62
HSL	220.6°, 51.2, 24.9	`hsl(220.6,51.2%,24.9%)`
HSV (or HSB)	220.6°, 67.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	22.272, 7.546, -28.697
XYZ	3.904, 3.592, 11.553
xyY	0.205, 0.189, 3.592
CIE-LCH	22.272, 29.673, 284.733
CIE-LUV	22.272, -8.37, -34.354
Hunter-Lab	18.951, 3.605, -22.878
Binary	00011111, 00110100, 01100000

#1f3460
```
#1f3460 rgb(31,52,96)
```
#604b1f
```
#604b1f rgb(96,75,31)
```

Complementary Color

#1f5560
```
#1f5560 rgb(31,85,96)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#2b1f60
```
#2b1f60 rgb(43,31,96)
```

Analogous Color

#55601f
```
#55601f rgb(85,96,31)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#602b1f
```
#602b1f rgb(96,43,31)
```

Split Complementary Color

#34601f
```
#34601f rgb(52,96,31)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#601f34
```
#601f34 rgb(96,31,52)
```

Triadic Color

#1f604b
```
#1f604b rgb(31,96,75)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#601f34
```
#601f34 rgb(96,31,52)
```
#604b1f
```
#604b1f rgb(96,75,31)
```

Tetradic Color

#0c1526
```
#0c1526 rgb(12,21,38)
```
#131f39
```
#131f39 rgb(19,31,57)
```
#192a4d
```
#192a4d rgb(25,42,77)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#253e73
```
#253e73 rgb(37,62,115)
```
#2b4987
```
#2b4987 rgb(43,73,135)
```
#32539a
```
#32539a rgb(50,83,154)
```

Monochromatic Color

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

#1f4460
```
#1f4460 rgb(31,68,96)
```
#1f3f60
```
#1f3f60 rgb(31,63,96)
```
#1f3960
```
#1f3960 rgb(31,57,96)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#1f2f60
```
#1f2f60 rgb(31,47,96)
```
#1f2960
```
#1f2960 rgb(31,41,96)
```
#1f2460
```
#1f2460 rgb(31,36,96)
```

Similar Colors

Text with hexadecimal color #1f3460

This text has a font color of #1f3460.

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

#1f3460 background color

This paragraph has a background color of #1f3460.

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

#1f3460 border color

This element has a border color of #1f3460.

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

CSS codes

.text {color:#1f3460;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c16
```
#070c16 rgb(7,12,22)
```
#0c1425
```
#0c1425 rgb(12,20,37)
```
#111c34
```
#111c34 rgb(17,28,52)
```
#152442
```
#152442 rgb(21,36,66)
```
#1a2c51
```
#1a2c51 rgb(26,44,81)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#243c6f
```
#243c6f rgb(36,60,111)
```
#29447e
```
#29447e rgb(41,68,126)
```
#2d4c8c
```
#2d4c8c rgb(45,76,140)
```
#32549b
```
#32549b rgb(50,84,155)
```
#375caa
```
#375caa rgb(55,92,170)
```
#3c64b9
```
#3c64b9 rgb(60,100,185)
```

Shade Color Variation

#456ec3
```
#456ec3 rgb(69,110,195)
```
#5479c8
```
#5479c8 rgb(84,121,200)
```
#6385cd
```
#6385cd rgb(99,133,205)
```
#7291d1
```
#7291d1 rgb(114,145,209)
```
#819cd6
```
#819cd6 rgb(129,156,214)
```
#8fa8db
```
#8fa8db rgb(143,168,219)
```
#9eb3e0
```
#9eb3e0 rgb(158,179,224)
```
#adbfe5
```
#adbfe5 rgb(173,191,229)
```
#bccbe9
```
#bccbe9 rgb(188,203,233)
```
#cbd6ee
```
#cbd6ee rgb(203,214,238)
```
#dae2f3
```
#dae2f3 rgb(218,226,243)
```
#e8edf8
```
#e8edf8 rgb(232,237,248)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#3c3e43
```
#3c3e43 rgb(60,62,67)
```
#373d48
```
#373d48 rgb(55,61,72)
```
#333b4c
```
#333b4c rgb(51,59,76)
```
#2e3951
```
#2e3951 rgb(46,57,81)
```
#293756
```
#293756 rgb(41,55,86)
```
#24365b
```
#24365b rgb(36,54,91)
```
#1f3460
```
#1f3460 rgb(31,52,96)
```
#1a3265
```
#1a3265 rgb(26,50,101)
```
#15316a
```
#15316a rgb(21,49,106)
```
#102f6f
```
#102f6f rgb(16,47,111)
```
#0b2d74
```
#0b2d74 rgb(11,45,116)
```
#072b78
```
#072b78 rgb(7,43,120)
```
#022a7d
```
#022a7d rgb(2,42,125)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3e68 Protanopia 1% of men
#1e4067 Deuteranopia 1% of men
#14454a Tritanopia 0.001% of the population

Trichromacy

#273a65 Protanomaly 1% of men, 0.01% of women
#1e3b64 Deuteranomaly 6% of men, 0.4% of women
#183f52 Tritanomaly 0.01% of the population

#1f3460 hex color

#1f3460 Color Information

#1f3460 Color Conversion

Color Schemes with #1f3460

Alternatives to #1f3460

#1f3460 Preview

Shades and Tints of #1f3460

Tones of #1f3460

Color Blindness Simulator