#1f4468 hex color

In a RGB color space, hex #1f4468 is composed of 12.2% red, 26.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 34.6% magenta, 0% yellow and 59.2% black. It has a hue angle of 209.6 degrees, a saturation of 54.1% and a lightness of 26.5%. #1f4468 color hex could be obtained by blending #3e88d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 27
- B 41
RGB color chart
- C 70
- M 35
- Y 0
- K 59
CMYK color chart

● #1f4468 color description : Very dark blue.

The hexadecimal color #1f4468 has RGB values of R:31, G:68, B:104 and CMYK values of C:0.7, M:0.35, Y:0, K:0.59. Its decimal value is 2049128.

Hex triplet	1f4468	`#1f4468`
RGB Decimal	31, 68, 104	`rgb(31,68,104)`
RGB Percent	12.2, 26.7, 40.8	`rgb(12.2%,26.7%,40.8%)`
CMYK	70, 35, 0, 59
HSL	209.6°, 54.1, 26.5	`hsl(209.6,54.1%,26.5%)`
HSV (or HSB)	209.6°, 70.2, 40.8
Web Safe	333366	`#333366`

CIE-LAB	27.912, -0.315, -24.928
XYZ	5.13, 5.425, 13.873
xyY	0.21, 0.222, 5.425
CIE-LCH	27.912, 24.93, 269.277
CIE-LUV	27.912, -13.667, -31.665
Hunter-Lab	23.291, -1.441, -19.011
Binary	00011111, 01000100, 01101000

#1f4468
```
#1f4468 rgb(31,68,104)
```
#68431f
```
#68431f rgb(104,67,31)
```

Complementary Color

#1f6868
```
#1f6868 rgb(31,104,104)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#1f2068
```
#1f2068 rgb(31,32,104)
```

Analogous Color

#68681f
```
#68681f rgb(104,104,31)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#681f20
```
#681f20 rgb(104,31,32)
```

Split Complementary Color

#44681f
```
#44681f rgb(68,104,31)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#681f44
```
#681f44 rgb(104,31,68)
```

Triadic Color

#1f6843
```
#1f6843 rgb(31,104,67)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#681f44
```
#681f44 rgb(104,31,68)
```
#68431f
```
#68431f rgb(104,67,31)
```

Tetradic Color

#0d1d2d
```
#0d1d2d rgb(13,29,45)
```
#132a41
```
#132a41 rgb(19,42,65)
```
#193754
```
#193754 rgb(25,55,84)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#25517c
```
#25517c rgb(37,81,124)
```
#2b5e8f
```
#2b5e8f rgb(43,94,143)
```
#316ba3
```
#316ba3 rgb(49,107,163)
```

Monochromatic Color

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

#1f5668
```
#1f5668 rgb(31,86,104)
```
#1f5068
```
#1f5068 rgb(31,80,104)
```
#1f4a68
```
#1f4a68 rgb(31,74,104)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#1f3e68
```
#1f3e68 rgb(31,62,104)
```
#1f3868
```
#1f3868 rgb(31,56,104)
```
#1f3268
```
#1f3268 rgb(31,50,104)
```

Similar Colors

Text with hexadecimal color #1f4468

This text has a font color of #1f4468.

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

#1f4468 background color

This paragraph has a background color of #1f4468.

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

#1f4468 border color

This element has a border color of #1f4468.

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

CSS codes

.text {color:#1f4468;}

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

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

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#08131c
```
#08131c rgb(8,19,28)
```
#0d1c2c
```
#0d1c2c rgb(13,28,44)
```
#11263b
```
#11263b rgb(17,38,59)
```
#16304a
```
#16304a rgb(22,48,74)
```
#1a3a59
```
#1a3a59 rgb(26,58,89)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#244e77
```
#244e77 rgb(36,78,119)
```
#285886
```
#285886 rgb(40,88,134)
```
#2d6295
```
#2d6295 rgb(45,98,149)
```
#316ca4
```
#316ca4 rgb(49,108,164)
```
#3675b4
```
#3675b4 rgb(54,117,180)
```
#3a7fc3
```
#3a7fc3 rgb(58,127,195)
```

Shade Color Variation

#4889c8
```
#4889c8 rgb(72,137,200)
```
#5793cd
```
#5793cd rgb(87,147,205)
```
#669dd1
```
#669dd1 rgb(102,157,209)
```
#75a6d6
```
#75a6d6 rgb(117,166,214)
```
#84b0da
```
#84b0da rgb(132,176,218)
```
#93badf
```
#93badf rgb(147,186,223)
```
#a3c3e3
```
#a3c3e3 rgb(163,195,227)
```
#b2cde8
```
#b2cde8 rgb(178,205,232)
```
#c1d7ec
```
#c1d7ec rgb(193,215,236)
```
#d0e1f1
```
#d0e1f1 rgb(208,225,241)
```
#dfeaf5
```
#dfeaf5 rgb(223,234,245)
```
#eef4fa
```
#eef4fa rgb(238,244,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#434444
```
#434444 rgb(67,68,68)
```
#3e4449
```
#3e4449 rgb(62,68,73)
```
#39444e
```
#39444e rgb(57,68,78)
```
#344453
```
#344453 rgb(52,68,83)
```
#2f4458
```
#2f4458 rgb(47,68,88)
```
#29445e
```
#29445e rgb(41,68,94)
```
#244463
```
#244463 rgb(36,68,99)
```
#1f4468
```
#1f4468 rgb(31,68,104)
```
#1a446d
```
#1a446d rgb(26,68,109)
```
#154472
```
#154472 rgb(21,68,114)
```
#0f4478
```
#0f4478 rgb(15,68,120)
```
#0a447d
```
#0a447d rgb(10,68,125)
```
#054482
```
#054482 rgb(5,68,130)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4a6d Protanopia 1% of men
#364b70 Deuteranopia 1% of men
#175258 Tritanopia 0.001% of the population

Trichromacy

#33486b Protanomaly 1% of men, 0.01% of women
#2e486d Deuteranomaly 6% of men, 0.4% of women
#1a4d5e Tritanomaly 0.01% of the population

#1f4468 hex color

#1f4468 Color Information

#1f4468 Color Conversion

Color Schemes with #1f4468

Alternatives to #1f4468

#1f4468 Preview

Shades and Tints of #1f4468

Tones of #1f4468

Color Blindness Simulator