#1f4958 hex color

In a RGB color space, hex #1f4958 is composed of 12.2% red, 28.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 17% magenta, 0% yellow and 65.5% black. It has a hue angle of 195.8 degrees, a saturation of 47.9% and a lightness of 23.3%. #1f4958 color hex could be obtained by blending #3e92b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 29
- B 35
RGB color chart
- C 65
- M 17
- Y 0
- K 65
CMYK color chart

● #1f4958 color description : Very dark blue.

The hexadecimal color #1f4958 has RGB values of R:31, G:73, B:88 and CMYK values of C:0.65, M:0.17, Y:0, K:0.65. Its decimal value is 2050392.

Hex triplet	1f4958	`#1f4958`
RGB Decimal	31, 73, 88	`rgb(31,73,88)`
RGB Percent	12.2, 28.6, 34.5	`rgb(12.2%,28.6%,34.5%)`
CMYK	65, 17, 0, 65
HSL	195.8°, 47.9, 23.3	`hsl(195.8,47.9%,23.3%)`
HSV (or HSB)	195.8°, 64.8, 34.5
Web Safe	333366	`#333366`

CIE-LAB	28.8, -9.47, -13.28
XYZ	4.709, 5.761, 10.096
xyY	0.229, 0.28, 5.761
CIE-LCH	28.8, 16.311, 234.508
CIE-LUV	28.8, -15.988, -15.459
Hunter-Lab	24.001, -6.984, -8.138
Binary	00011111, 01001001, 01011000

#1f4958
```
#1f4958 rgb(31,73,88)
```
#582e1f
```
#582e1f rgb(88,46,31)
```

Complementary Color

#1f584b
```
#1f584b rgb(31,88,75)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#1f2d58
```
#1f2d58 rgb(31,45,88)
```

Analogous Color

#584b1f
```
#584b1f rgb(88,75,31)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#581f2d
```
#581f2d rgb(88,31,45)
```

Split Complementary Color

#49581f
```
#49581f rgb(73,88,31)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#581f49
```
#581f49 rgb(88,31,73)
```

Triadic Color

#1f582e
```
#1f582e rgb(31,88,46)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#581f49
```
#581f49 rgb(88,31,73)
```
#582e1f
```
#582e1f rgb(88,46,31)
```

Tetradic Color

#0b1a1f
```
#0b1a1f rgb(11,26,31)
```
#122a32
```
#122a32 rgb(18,42,50)
```
#183945
```
#183945 rgb(24,57,69)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#26596b
```
#26596b rgb(38,89,107)
```
#2c687e
```
#2c687e rgb(44,104,126)
```
#337891
```
#337891 rgb(51,120,145)
```

Monochromatic Color

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

#1f5758
```
#1f5758 rgb(31,87,88)
```
#1f5358
```
#1f5358 rgb(31,83,88)
```
#1f4e58
```
#1f4e58 rgb(31,78,88)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#1f4458
```
#1f4458 rgb(31,68,88)
```
#1f4058
```
#1f4058 rgb(31,64,88)
```
#1f3b58
```
#1f3b58 rgb(31,59,88)
```

Similar Colors

Text with hexadecimal color #1f4958

This text has a font color of #1f4958.

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

#1f4958 background color

This paragraph has a background color of #1f4958.

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

#1f4958 border color

This element has a border color of #1f4958.

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

CSS codes

.text {color:#1f4958;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d0f
```
#050d0f rgb(5,13,15)
```
#0b191e
```
#0b191e rgb(11,25,30)
```
#10252c
```
#10252c rgb(16,37,44)
```
#15313b
```
#15313b rgb(21,49,59)
```
#1a3d49
```
#1a3d49 rgb(26,61,73)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#245567
```
#245567 rgb(36,85,103)
```
#296175
```
#296175 rgb(41,97,117)
```
#2e6d84
```
#2e6d84 rgb(46,109,132)
```
#337992
```
#337992 rgb(51,121,146)
```
#3985a1
```
#3985a1 rgb(57,133,161)
```
#3e91af
```
#3e91af rgb(62,145,175)
```

Shade Color Variation

#439dbd
```
#439dbd rgb(67,157,189)
```
#52a5c2
```
#52a5c2 rgb(82,165,194)
```
#60acc7
```
#60acc7 rgb(96,172,199)
```
#6fb4cc
```
#6fb4cc rgb(111,180,204)
```
#7dbbd1
```
#7dbbd1 rgb(125,187,209)
```
#8cc3d6
```
#8cc3d6 rgb(140,195,214)
```
#9acadc
```
#9acadc rgb(154,202,220)
```
#a9d2e1
```
#a9d2e1 rgb(169,210,225)
```
#b7dae6
```
#b7dae6 rgb(183,218,230)
```
#c6e1eb
```
#c6e1eb rgb(198,225,235)
```
#d4e9f0
```
#d4e9f0 rgb(212,233,240)
```
#e3f0f5
```
#e3f0f5 rgb(227,240,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#3a3c3d
```
#3a3c3d rgb(58,60,61)
```
#363e41
```
#363e41 rgb(54,62,65)
```
#314046
```
#314046 rgb(49,64,70)
```
#2d424a
```
#2d424a rgb(45,66,74)
```
#28454f
```
#28454f rgb(40,69,79)
```
#244753
```
#244753 rgb(36,71,83)
```
#1f4958
```
#1f4958 rgb(31,73,88)
```
#1a4b5d
```
#1a4b5d rgb(26,75,93)
```
#164d61
```
#164d61 rgb(22,77,97)
```
#115066
```
#115066 rgb(17,80,102)
```
#0d526a
```
#0d526a rgb(13,82,106)
```
#08546f
```
#08546f rgb(8,84,111)
```
#045673
```
#045673 rgb(4,86,115)
```

Tone Color Variation

Below, you can see how #1f4958 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
#384043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494c5d Protanopia 1% of men
#484c62 Deuteranopia 1% of men
#265359 Tritanopia 0.001% of the population

Trichromacy

#3a4b5b Protanomaly 1% of men, 0.01% of women
#394b5e Deuteranomaly 6% of men, 0.4% of women
#234f59 Tritanomaly 0.01% of the population

#1f4958 hex color

#1f4958 Color Information

#1f4958 Color Conversion

Color Schemes with #1f4958

Alternatives to #1f4958

#1f4958 Preview

Shades and Tints of #1f4958

Tones of #1f4958

Color Blindness Simulator