#1f4f7c hex color

In a RGB color space, hex #1f4f7c is composed of 12.2% red, 31% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 36.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 209 degrees, a saturation of 60% and a lightness of 30.4%. #1f4f7c color hex could be obtained by blending #3e9ef8 with #000000. Closest websafe color is: #336666.

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

● #1f4f7c color description : Dark blue.

The hexadecimal color #1f4f7c has RGB values of R:31, G:79, B:124 and CMYK values of C:0.75, M:0.36, Y:0, K:0.51. Its decimal value is 2051964.

Hex triplet	1f4f7c	`#1f4f7c`
RGB Decimal	31, 79, 124	`rgb(31,79,124)`
RGB Percent	12.2, 31, 48.6	`rgb(12.2%,31%,48.6%)`
CMYK	75, 36, 0, 51
HSL	209°, 60, 30.4	`hsl(209,60%,30.4%)`
HSV (or HSB)	209°, 75, 48.6
Web Safe	336666	`#336666`

CIE-LAB	32.564, 0.238, -30.176
XYZ	6.998, 7.338, 20.115
xyY	0.203, 0.213, 7.338
CIE-LCH	32.564, 30.177, 270.451
CIE-LUV	32.564, -16.957, -40.678
Hunter-Lab	27.089, -1.29, -25.065
Binary	00011111, 01001111, 01111100

#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#7c4c1f
```
#7c4c1f rgb(124,76,31)
```

Complementary Color

#1f7c7b
```
#1f7c7b rgb(31,124,123)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#1f217c
```
#1f217c rgb(31,33,124)
```

Analogous Color

#7c7b1f
```
#7c7b1f rgb(124,123,31)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#7c1f21
```
#7c1f21 rgb(124,31,33)
```

Split Complementary Color

#4f7c1f
```
#4f7c1f rgb(79,124,31)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#7c1f4f
```
#7c1f4f rgb(124,31,79)
```

Triadic Color

#1f7c4c
```
#1f7c4c rgb(31,124,76)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#7c1f4f
```
#7c1f4f rgb(124,31,79)
```
#7c4c1f
```
#7c4c1f rgb(124,76,31)
```

Tetradic Color

#10283f
```
#10283f rgb(16,40,63)
```
#153553
```
#153553 rgb(21,53,83)
```
#1a4268
```
#1a4268 rgb(26,66,104)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#245c90
```
#245c90 rgb(36,92,144)
```
#2969a5
```
#2969a5 rgb(41,105,165)
```
#2e76b9
```
#2e76b9 rgb(46,118,185)
```

Monochromatic Color

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

#1f667c
```
#1f667c rgb(31,102,124)
```
#1f5f7c
```
#1f5f7c rgb(31,95,124)
```
#1f577c
```
#1f577c rgb(31,87,124)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#1f477c
```
#1f477c rgb(31,71,124)
```
#1f407c
```
#1f407c rgb(31,64,124)
```
#1f387c
```
#1f387c rgb(31,56,124)
```

Similar Colors

Text with hexadecimal color #1f4f7c

This text has a font color of #1f4f7c.

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

#1f4f7c background color

This paragraph has a background color of #1f4f7c.

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

#1f4f7c border color

This element has a border color of #1f4f7c.

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

CSS codes

.text {color:#1f4f7c;}

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

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

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

#04090e
```
#04090e rgb(4,9,14)
```
#07131e
```
#07131e rgb(7,19,30)
```
#0b1d2e
```
#0b1d2e rgb(11,29,46)
```
#0f273d
```
#0f273d rgb(15,39,61)
```
#13314d
```
#13314d rgb(19,49,77)
```
#173b5d
```
#173b5d rgb(23,59,93)
```
#1b456c
```
#1b456c rgb(27,69,108)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#23598c
```
#23598c rgb(35,89,140)
```
#27639b
```
#27639b rgb(39,99,155)
```
#2b6dab
```
#2b6dab rgb(43,109,171)
```
#2f77bb
```
#2f77bb rgb(47,119,187)
```
#3381ca
```
#3381ca rgb(51,129,202)
```

Shade Color Variation

#418bd0
```
#418bd0 rgb(65,139,208)
```
#5194d3
```
#5194d3 rgb(81,148,211)
```
#619ed7
```
#619ed7 rgb(97,158,215)
```
#70a7db
```
#70a7db rgb(112,167,219)
```
#80b1df
```
#80b1df rgb(128,177,223)
```
#90bbe3
```
#90bbe3 rgb(144,187,227)
```
#9fc4e7
```
#9fc4e7 rgb(159,196,231)
```
#afceeb
```
#afceeb rgb(175,206,235)
```
#bfd8ef
```
#bfd8ef rgb(191,216,239)
```
#cee1f3
```
#cee1f3 rgb(206,225,243)
```
#deebf7
```
#deebf7 rgb(222,235,247)
```
#eef4fb
```
#eef4fb rgb(238,244,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#494e52
```
#494e52 rgb(73,78,82)
```
#434e58
```
#434e58 rgb(67,78,88)
```
#3d4e5e
```
#3d4e5e rgb(61,78,94)
```
#374e64
```
#374e64 rgb(55,78,100)
```
#314e6a
```
#314e6a rgb(49,78,106)
```
#2b4f70
```
#2b4f70 rgb(43,79,112)
```
#254f76
```
#254f76 rgb(37,79,118)
```
#1f4f7c
```
#1f4f7c rgb(31,79,124)
```
#194f82
```
#194f82 rgb(25,79,130)
```
#134f88
```
#134f88 rgb(19,79,136)
```
#0d508e
```
#0d508e rgb(13,80,142)
```
#075094
```
#075094 rgb(7,80,148)
```
#01509a
```
#01509a rgb(1,80,154)
```

Tone Color Variation

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

#44547f Protanopia 1% of men
#385683 Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#37527e Protanomaly 1% of men, 0.01% of women
#2f5380 Deuteranomaly 6% of men, 0.4% of women
#0b586d Tritanomaly 0.01% of the population

#1f4f7c hex color

#1f4f7c Color Information

#1f4f7c Color Conversion

Color Schemes with #1f4f7c

Alternatives to #1f4f7c

#1f4f7c Preview

Shades and Tints of #1f4f7c

Tones of #1f4f7c

Color Blindness Simulator