#1f3a7e hex color

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

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

● #1f3a7e color description : Dark blue.

The hexadecimal color #1f3a7e has RGB values of R:31, G:58, B:126 and CMYK values of C:0.75, M:0.54, Y:0, K:0.51. Its decimal value is 2046590.

Hex triplet	1f3a7e	`#1f3a7e`
RGB Decimal	31, 58, 126	`rgb(31,58,126)`
RGB Percent	12.2, 22.7, 49.4	`rgb(12.2%,22.7%,49.4%)`
CMYK	75, 54, 0, 51
HSL	222.9°, 60.5, 30.8	`hsl(222.9,60.5%,30.8%)`
HSV (or HSB)	222.9°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	26.226, 15.33, -41.566
XYZ	5.843, 4.823, 20.361
xyY	0.188, 0.155, 4.823
CIE-LCH	26.226, 44.303, 290.245
CIE-LUV	26.226, -10.236, -53.407
Hunter-Lab	21.962, 9.058, -39.593
Binary	00011111, 00111010, 01111110

#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#7e631f
```
#7e631f rgb(126,99,31)
```

Complementary Color

#1f6a7e
```
#1f6a7e rgb(31,106,126)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#341f7e
```
#341f7e rgb(52,31,126)
```

Analogous Color

#6a7e1f
```
#6a7e1f rgb(106,126,31)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#7e341f
```
#7e341f rgb(126,52,31)
```

Split Complementary Color

#3a7e1f
```
#3a7e1f rgb(58,126,31)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#7e1f3a
```
#7e1f3a rgb(126,31,58)
```

Triadic Color

#1f7e63
```
#1f7e63 rgb(31,126,99)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#7e1f3a
```
#7e1f3a rgb(126,31,58)
```
#7e631f
```
#7e631f rgb(126,99,31)
```

Tetradic Color

#101e41
```
#101e41 rgb(16,30,65)
```
#152755
```
#152755 rgb(21,39,85)
```
#1a316a
```
#1a316a rgb(26,49,106)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#244392
```
#244392 rgb(36,67,146)
```
#294da7
```
#294da7 rgb(41,77,167)
```
#2e56bb
```
#2e56bb rgb(46,86,187)
```

Monochromatic Color

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

#1f527e
```
#1f527e rgb(31,82,126)
```
#1f4a7e
```
#1f4a7e rgb(31,74,126)
```
#1f427e
```
#1f427e rgb(31,66,126)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#1f327e
```
#1f327e rgb(31,50,126)
```
#1f2a7e
```
#1f2a7e rgb(31,42,126)
```
#1f227e
```
#1f227e rgb(31,34,126)
```

Similar Colors

Text with hexadecimal color #1f3a7e

This text has a font color of #1f3a7e.

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

#1f3a7e background color

This paragraph has a background color of #1f3a7e.

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

#1f3a7e border color

This element has a border color of #1f3a7e.

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

CSS codes

.text {color:#1f3a7e;}

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

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

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 #eff3fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040710
```
#040710 rgb(4,7,16)
```
#080f20
```
#080f20 rgb(8,15,32)
```
#0c162f
```
#0c162f rgb(12,22,47)
```
#101d3f
```
#101d3f rgb(16,29,63)
```
#13244f
```
#13244f rgb(19,36,79)
```
#172c5f
```
#172c5f rgb(23,44,95)
```
#1b336e
```
#1b336e rgb(27,51,110)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#23418e
```
#23418e rgb(35,65,142)
```
#27489d
```
#27489d rgb(39,72,157)
```
#2b50ad
```
#2b50ad rgb(43,80,173)
```
#2e57bd
```
#2e57bd rgb(46,87,189)
```

Shade Color Variation

#325ecd
```
#325ecd rgb(50,94,205)
```
#426bd1
```
#426bd1 rgb(66,107,209)
```
#5277d4
```
#5277d4 rgb(82,119,212)
```
#6283d8
```
#6283d8 rgb(98,131,216)
```
#7190dc
```
#7190dc rgb(113,144,220)
```
#819ce0
```
#819ce0 rgb(129,156,224)
```
#91a8e4
```
#91a8e4 rgb(145,168,228)
```
#a1b5e8
```
#a1b5e8 rgb(161,181,232)
```
#b0c1ec
```
#b0c1ec rgb(176,193,236)
```
#c0cef0
```
#c0cef0 rgb(192,206,240)
```
#d0daf3
```
#d0daf3 rgb(208,218,243)
```
#e0e6f7
```
#e0e6f7 rgb(224,230,247)
```
#eff3fb
```
#eff3fb rgb(239,243,251)
```

Tint Color Variation

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

#494c54
```
#494c54 rgb(73,76,84)
```
#434a5a
```
#434a5a rgb(67,74,90)
```
#3d4760
```
#3d4760 rgb(61,71,96)
```
#374466
```
#374466 rgb(55,68,102)
```
#31426c
```
#31426c rgb(49,66,108)
```
#2b3f72
```
#2b3f72 rgb(43,63,114)
```
#253d78
```
#253d78 rgb(37,61,120)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```
#193784
```
#193784 rgb(25,55,132)
```
#13358a
```
#13358a rgb(19,53,138)
```
#0d3290
```
#0d3290 rgb(13,50,144)
```
#073096
```
#073096 rgb(7,48,150)
```
#012d9c
```
#012d9c rgb(1,45,156)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#174586 Protanopia 1% of men
#004978 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#1a4183 Protanomaly 1% of men, 0.01% of women
#0b437a Deuteranomaly 6% of men, 0.4% of women
#0b4763 Tritanomaly 0.01% of the population

#1f3a7e hex color

#1f3a7e Color Information

#1f3a7e Color Conversion

Color Schemes with #1f3a7e

Alternatives to #1f3a7e

#1f3a7e Preview

Shades and Tints of #1f3a7e

Tones of #1f3a7e

Color Blindness Simulator