#1f337e hex color

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

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

● #1f337e color description : Dark blue.

The hexadecimal color #1f337e has RGB values of R:31, G:51, B:126 and CMYK values of C:0.75, M:0.6, Y:0, K:0.51. Its decimal value is 2044798.

Hex triplet	1f337e	`#1f337e`
RGB Decimal	31, 51, 126	`rgb(31,51,126)`
RGB Percent	12.2, 20, 49.4	`rgb(12.2%,20%,49.4%)`
CMYK	75, 60, 0, 51
HSL	227.4°, 60.5, 30.8	`hsl(227.4,60.5%,30.8%)`
HSV (or HSB)	227.4°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	24.209, 20.242, -44.836
XYZ	5.514, 4.165, 20.251
xyY	0.184, 0.139, 4.165
CIE-LCH	24.209, 49.194, 294.298
CIE-LUV	24.209, -8.346, -55.76
Hunter-Lab	20.408, 12.514, -44.547
Binary	00011111, 00110011, 01111110

#1f337e
```
#1f337e rgb(31,51,126)
```
#7e6a1f
```
#7e6a1f rgb(126,106,31)
```

Complementary Color

#1f637e
```
#1f637e rgb(31,99,126)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#3b1f7e
```
#3b1f7e rgb(59,31,126)
```

Analogous Color

#637e1f
```
#637e1f rgb(99,126,31)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#7e3b1f
```
#7e3b1f rgb(126,59,31)
```

Split Complementary Color

#337e1f
```
#337e1f rgb(51,126,31)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#7e1f33
```
#7e1f33 rgb(126,31,51)
```

Triadic Color

#1f7e6a
```
#1f7e6a rgb(31,126,106)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#7e1f33
```
#7e1f33 rgb(126,31,51)
```
#7e6a1f
```
#7e6a1f rgb(126,106,31)
```

Tetradic Color

#101a41
```
#101a41 rgb(16,26,65)
```
#152255
```
#152255 rgb(21,34,85)
```
#1a2b6a
```
#1a2b6a rgb(26,43,106)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#243b92
```
#243b92 rgb(36,59,146)
```
#2944a7
```
#2944a7 rgb(41,68,167)
```
#2e4cbb
```
#2e4cbb rgb(46,76,187)
```

Monochromatic Color

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

#1f4b7e
```
#1f4b7e rgb(31,75,126)
```
#1f437e
```
#1f437e rgb(31,67,126)
```
#1f3b7e
```
#1f3b7e rgb(31,59,126)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#1f2b7e
```
#1f2b7e rgb(31,43,126)
```
#1f237e
```
#1f237e rgb(31,35,126)
```
#231f7e
```
#231f7e rgb(35,31,126)
```

Similar Colors

Text with hexadecimal color #1f337e

This text has a font color of #1f337e.

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

#1f337e background color

This paragraph has a background color of #1f337e.

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

#1f337e border color

This element has a border color of #1f337e.

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

CSS codes

.text {color:#1f337e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080d20
```
#080d20 rgb(8,13,32)
```
#0c132f
```
#0c132f rgb(12,19,47)
```
#101a3f
```
#101a3f rgb(16,26,63)
```
#13204f
```
#13204f rgb(19,32,79)
```
#17265f
```
#17265f rgb(23,38,95)
```
#1b2d6e
```
#1b2d6e rgb(27,45,110)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#23398e
```
#23398e rgb(35,57,142)
```
#27409d
```
#27409d rgb(39,64,157)
```
#2b46ad
```
#2b46ad rgb(43,70,173)
```
#2e4cbd
```
#2e4cbd rgb(46,76,189)
```

Shade Color Variation

#3253cd
```
#3253cd rgb(50,83,205)
```
#4260d1
```
#4260d1 rgb(66,96,209)
```
#526dd4
```
#526dd4 rgb(82,109,212)
```
#627bd8
```
#627bd8 rgb(98,123,216)
```
#7188dc
```
#7188dc rgb(113,136,220)
```
#8195e0
```
#8195e0 rgb(129,149,224)
```
#91a2e4
```
#91a2e4 rgb(145,162,228)
```
#a1b0e8
```
#a1b0e8 rgb(161,176,232)
```
#b0bdec
```
#b0bdec rgb(176,189,236)
```
#c0caf0
```
#c0caf0 rgb(192,202,240)
```
#d0d7f3
```
#d0d7f3 rgb(208,215,243)
```
#e0e5f7
```
#e0e5f7 rgb(224,229,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```

Tint Color Variation

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

#494b54
```
#494b54 rgb(73,75,84)
```
#43485a
```
#43485a rgb(67,72,90)
```
#3d4460
```
#3d4460 rgb(61,68,96)
```
#374166
```
#374166 rgb(55,65,102)
```
#313d6c
```
#313d6c rgb(49,61,108)
```
#2b3a72
```
#2b3a72 rgb(43,58,114)
```
#253678
```
#253678 rgb(37,54,120)
```
#1f337e
```
#1f337e rgb(31,51,126)
```
#193084
```
#193084 rgb(25,48,132)
```
#132c8a
```
#132c8a rgb(19,44,138)
```
#0d2990
```
#0d2990 rgb(13,41,144)
```
#072596
```
#072596 rgb(7,37,150)
```
#01229c
```
#01229c rgb(1,34,156)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#313544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#0b3c7f Protanomaly 1% of men, 0.01% of women
#0b3e75 Deuteranomaly 6% of men, 0.4% of women
#0b4160 Tritanomaly 0.01% of the population

#1f337e hex color

#1f337e Color Information

#1f337e Color Conversion

Color Schemes with #1f337e

Alternatives to #1f337e

#1f337e Preview

Shades and Tints of #1f337e

Tones of #1f337e

Color Blindness Simulator