#1f4f79 hex color

In a RGB color space, hex #1f4f79 is composed of 12.2% red, 31% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 34.7% magenta, 0% yellow and 52.5% black. It has a hue angle of 208 degrees, a saturation of 59.2% and a lightness of 29.8%. #1f4f79 color hex could be obtained by blending #3e9ef2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 47
RGB color chart
- C 74
- M 35
- Y 0
- K 53
CMYK color chart

● #1f4f79 color description : Dark blue.

The hexadecimal color #1f4f79 has RGB values of R:31, G:79, B:121 and CMYK values of C:0.74, M:0.35, Y:0, K:0.53. Its decimal value is 2051961.

Hex triplet	1f4f79	`#1f4f79`
RGB Decimal	31, 79, 121	`rgb(31,79,121)`
RGB Percent	12.2, 31, 47.5	`rgb(12.2%,31%,47.5%)`
CMYK	74, 35, 0, 53
HSL	208°, 59.2, 29.8	`hsl(208,59.2%,29.8%)`
HSV (or HSB)	208°, 74.4, 47.5
Web Safe	336666	`#336666`

CIE-LAB	32.399, -0.931, -28.572
XYZ	6.811, 7.263, 19.131
xyY	0.205, 0.219, 7.263
CIE-LCH	32.399, 28.588, 268.133
CIE-LUV	32.399, -17.053, -38.25
Hunter-Lab	26.95, -2.049, -23.223
Binary	00011111, 01001111, 01111001

#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#79491f
```
#79491f rgb(121,73,31)
```

Complementary Color

#1f7976
```
#1f7976 rgb(31,121,118)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#1f2279
```
#1f2279 rgb(31,34,121)
```

Analogous Color

#79761f
```
#79761f rgb(121,118,31)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#791f22
```
#791f22 rgb(121,31,34)
```

Split Complementary Color

#4f791f
```
#4f791f rgb(79,121,31)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#791f4f
```
#791f4f rgb(121,31,79)
```

Triadic Color

#1f7949
```
#1f7949 rgb(31,121,73)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#791f4f
```
#791f4f rgb(121,31,79)
```
#79491f
```
#79491f rgb(121,73,31)
```

Tetradic Color

#0f273c
```
#0f273c rgb(15,39,60)
```
#153450
```
#153450 rgb(21,52,80)
```
#1a4265
```
#1a4265 rgb(26,66,101)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#245c8d
```
#245c8d rgb(36,92,141)
```
#296aa2
```
#296aa2 rgb(41,106,162)
```
#2f77b6
```
#2f77b6 rgb(47,119,182)
```

Monochromatic Color

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

#1f6679
```
#1f6679 rgb(31,102,121)
```
#1f5e79
```
#1f5e79 rgb(31,94,121)
```
#1f5779
```
#1f5779 rgb(31,87,121)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#1f4879
```
#1f4879 rgb(31,72,121)
```
#1f4079
```
#1f4079 rgb(31,64,121)
```
#1f3979
```
#1f3979 rgb(31,57,121)
```

Similar Colors

Text with hexadecimal color #1f4f79

This text has a font color of #1f4f79.

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

#1f4f79 background color

This paragraph has a background color of #1f4f79.

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

#1f4f79 border color

This element has a border color of #1f4f79.

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

CSS codes

.text {color:#1f4f79;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#07121b
```
#07121b rgb(7,18,27)
```
#0b1c2b
```
#0b1c2b rgb(11,28,43)
```
#0f263b
```
#0f263b rgb(15,38,59)
```
#13304a
```
#13304a rgb(19,48,74)
```
#173b5a
```
#173b5a rgb(23,59,90)
```
#1b4569
```
#1b4569 rgb(27,69,105)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#235989
```
#235989 rgb(35,89,137)
```
#276398
```
#276398 rgb(39,99,152)
```
#2b6ea8
```
#2b6ea8 rgb(43,110,168)
```
#2f78b7
```
#2f78b7 rgb(47,120,183)
```
#3382c7
```
#3382c7 rgb(51,130,199)
```

Shade Color Variation

#408cce
```
#408cce rgb(64,140,206)
```
#4f95d2
```
#4f95d2 rgb(79,149,210)
```
#5f9ed6
```
#5f9ed6 rgb(95,158,214)
```
#6fa8da
```
#6fa8da rgb(111,168,218)
```
#7eb1de
```
#7eb1de rgb(126,177,222)
```
#8ebbe2
```
#8ebbe2 rgb(142,187,226)
```
#9dc4e6
```
#9dc4e6 rgb(157,196,230)
```
#adceea
```
#adceea rgb(173,206,234)
```
#bdd7ee
```
#bdd7ee rgb(189,215,238)
```
#cce0f2
```
#cce0f2 rgb(204,224,242)
```
#dceaf6
```
#dceaf6 rgb(220,234,246)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#484c50
```
#484c50 rgb(72,76,80)
```
#424d56
```
#424d56 rgb(66,77,86)
```
#3c4d5c
```
#3c4d5c rgb(60,77,92)
```
#364d62
```
#364d62 rgb(54,77,98)
```
#314e67
```
#314e67 rgb(49,78,103)
```
#2b4e6d
```
#2b4e6d rgb(43,78,109)
```
#254f73
```
#254f73 rgb(37,79,115)
```
#1f4f79
```
#1f4f79 rgb(31,79,121)
```
#194f7f
```
#194f7f rgb(25,79,127)
```
#135085
```
#135085 rgb(19,80,133)
```
#0d508b
```
#0d508b rgb(13,80,139)
```
#085190
```
#085190 rgb(8,81,144)
```
#025196
```
#025196 rgb(2,81,150)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d474f Atypical Achromatopsia 0.001% of the population

Dichromacy

#46547c Protanopia 1% of men
#3b5581 Deuteranopia 1% of men
#005d64 Tritanopia 0.001% of the population

Trichromacy

#37527b Protanomaly 1% of men, 0.01% of women
#31537e Deuteranomaly 6% of men, 0.4% of women
#0b586c Tritanomaly 0.01% of the population

#1f4f79 hex color

#1f4f79 Color Information

#1f4f79 Color Conversion

Color Schemes with #1f4f79

Alternatives to #1f4f79

#1f4f79 Preview

Shades and Tints of #1f4f79

Tones of #1f4f79

Color Blindness Simulator