#1f4f7e hex color

In a RGB color space, hex #1f4f7e is composed of 12.2% red, 31% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 37.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 209.7 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f4f7e color hex could be obtained by blending #3e9efc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 49
RGB color chart
- C 75
- M 37
- Y 0
- K 51
CMYK color chart

● #1f4f7e color description : Dark blue.

The hexadecimal color #1f4f7e has RGB values of R:31, G:79, B:126 and CMYK values of C:0.75, M:0.37, Y:0, K:0.51. Its decimal value is 2051966.

Hex triplet	1f4f7e	`#1f4f7e`
RGB Decimal	31, 79, 126	`rgb(31,79,126)`
RGB Percent	12.2, 31, 49.4	`rgb(12.2%,31%,49.4%)`
CMYK	75, 37, 0, 51
HSL	209.7°, 60.5, 30.8	`hsl(209.7,60.5%,30.8%)`
HSV (or HSB)	209.7°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	32.677, 1.02, -31.238
XYZ	7.126, 7.389, 20.788
xyY	0.202, 0.209, 7.389
CIE-LCH	32.677, 31.255, 271.871
CIE-LUV	32.677, -16.894, -42.289
Hunter-Lab	27.183, -0.776, -26.314
Binary	00011111, 01001111, 01111110

#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#7e4e1f
```
#7e4e1f rgb(126,78,31)
```

Complementary Color

#1f7e7e
```
#1f7e7e rgb(31,126,126)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#1f207e
```
#1f207e rgb(31,32,126)
```

Analogous Color

#7e7e1f
```
#7e7e1f rgb(126,126,31)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#7e1f20
```
#7e1f20 rgb(126,31,32)
```

Split Complementary Color

#4f7e1f
```
#4f7e1f rgb(79,126,31)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#7e1f4f
```
#7e1f4f rgb(126,31,79)
```

Triadic Color

#1f7e4e
```
#1f7e4e rgb(31,126,78)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#7e1f4f
```
#7e1f4f rgb(126,31,79)
```
#7e4e1f
```
#7e4e1f rgb(126,78,31)
```

Tetradic Color

#102941
```
#102941 rgb(16,41,65)
```
#153555
```
#153555 rgb(21,53,85)
```
#1a426a
```
#1a426a rgb(26,66,106)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#245c92
```
#245c92 rgb(36,92,146)
```
#2969a7
```
#2969a7 rgb(41,105,167)
```
#2e75bb
```
#2e75bb rgb(46,117,187)
```

Monochromatic Color

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

#1f677e
```
#1f677e rgb(31,103,126)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#1f577e
```
#1f577e rgb(31,87,126)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#1f3f7e
```
#1f3f7e rgb(31,63,126)
```
#1f377e
```
#1f377e rgb(31,55,126)
```

Similar Colors

Text with hexadecimal color #1f4f7e

This text has a font color of #1f4f7e.

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

#1f4f7e background color

This paragraph has a background color of #1f4f7e.

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

#1f4f7e border color

This element has a border color of #1f4f7e.

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

CSS codes

.text {color:#1f4f7e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#081420
```
#081420 rgb(8,20,32)
```
#0c1e2f
```
#0c1e2f rgb(12,30,47)
```
#10283f
```
#10283f rgb(16,40,63)
```
#13314f
```
#13314f rgb(19,49,79)
```
#173b5f
```
#173b5f rgb(23,59,95)
```
#1b456e
```
#1b456e rgb(27,69,110)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#23598e
```
#23598e rgb(35,89,142)
```
#27639d
```
#27639d rgb(39,99,157)
```
#2b6dad
```
#2b6dad rgb(43,109,173)
```
#2e76bd
```
#2e76bd rgb(46,118,189)
```

Shade Color Variation

#3280cd
```
#3280cd rgb(50,128,205)
```
#428ad1
```
#428ad1 rgb(66,138,209)
```
#5294d4
```
#5294d4 rgb(82,148,212)
```
#629ed8
```
#629ed8 rgb(98,158,216)
```
#71a7dc
```
#71a7dc rgb(113,167,220)
```
#81b1e0
```
#81b1e0 rgb(129,177,224)
```
#91bbe4
```
#91bbe4 rgb(145,187,228)
```
#a1c5e8
```
#a1c5e8 rgb(161,197,232)
```
#b0ceec
```
#b0ceec rgb(176,206,236)
```
#c0d8f0
```
#c0d8f0 rgb(192,216,240)
```
#d0e2f3
```
#d0e2f3 rgb(208,226,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#eff5fb
```
#eff5fb rgb(239,245,251)
```

Tint Color Variation

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

#494f54
```
#494f54 rgb(73,79,84)
```
#434f5a
```
#434f5a rgb(67,79,90)
```
#3d4f60
```
#3d4f60 rgb(61,79,96)
```
#374f66
```
#374f66 rgb(55,79,102)
```
#314f6c
```
#314f6c rgb(49,79,108)
```
#2b4f72
```
#2b4f72 rgb(43,79,114)
```
#254f78
```
#254f78 rgb(37,79,120)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#194f84
```
#194f84 rgb(25,79,132)
```
#134f8a
```
#134f8a rgb(19,79,138)
```
#0d4f90
```
#0d4f90 rgb(13,79,144)
```
#074f96
```
#074f96 rgb(7,79,150)
```
#014f9c
```
#014f9c rgb(1,79,156)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e4851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435481 Protanopia 1% of men
#365685 Deuteranopia 1% of men
#005e65 Tritanopia 0.001% of the population

Trichromacy

#365280 Protanomaly 1% of men, 0.01% of women
#2e5382 Deuteranomaly 6% of men, 0.4% of women
#0b586e Tritanomaly 0.01% of the population

#1f4f7e hex color

#1f4f7e Color Information

#1f4f7e Color Conversion

Color Schemes with #1f4f7e

Alternatives to #1f4f7e

#1f4f7e Preview

Shades and Tints of #1f4f7e

Tones of #1f4f7e

Color Blindness Simulator