#1f379f hex color

In a RGB color space, hex #1f379f is composed of 12.2% red, 21.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 65.4% magenta, 0% yellow and 37.6% black. It has a hue angle of 228.8 degrees, a saturation of 67.4% and a lightness of 37.3%. #1f379f color hex could be obtained by blending #3e6eff with #00003f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 22
- B 62
RGB color chart
- C 81
- M 65
- Y 0
- K 38
CMYK color chart

● #1f379f color description : Dark blue.

The hexadecimal color #1f379f has RGB values of R:31, G:55, B:159 and CMYK values of C:0.81, M:0.65, Y:0, K:0.38. Its decimal value is 2045855.

Hex triplet	1f379f	`#1f379f`
RGB Decimal	31, 55, 159	`rgb(31,55,159)`
RGB Percent	12.2, 21.6, 62.4	`rgb(12.2%,21.6%,62.4%)`
CMYK	81, 65, 0, 38
HSL	228.8°, 67.4, 37.3	`hsl(228.8,67.4%,37.3%)`
HSV (or HSB)	228.8°, 80.5, 62.4
Web Safe	333399	`#333399`

CIE-LAB	28.184, 30.375, -58.749
XYZ	8.188, 5.526, 33.434
xyY	0.174, 0.117, 5.526
CIE-LCH	28.184, 66.137, 297.34
CIE-LUV	28.184, -9.786, -76.379
Hunter-Lab	23.508, 21.033, -67.869
Binary	00011111, 00110111, 10011111

#1f379f
```
#1f379f rgb(31,55,159)
```
#9f871f
```
#9f871f rgb(159,135,31)
```

Complementary Color

#1f779f
```
#1f779f rgb(31,119,159)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#471f9f
```
#471f9f rgb(71,31,159)
```

Analogous Color

#779f1f
```
#779f1f rgb(119,159,31)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#9f471f
```
#9f471f rgb(159,71,31)
```

Split Complementary Color

#379f1f
```
#379f1f rgb(55,159,31)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#9f1f37
```
#9f1f37 rgb(159,31,55)
```

Triadic Color

#1f9f87
```
#1f9f87 rgb(31,159,135)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#9f1f37
```
#9f1f37 rgb(159,31,55)
```
#9f871f
```
#9f871f rgb(159,135,31)
```

Tetradic Color

#13215f
```
#13215f rgb(19,33,95)
```
#172874
```
#172874 rgb(23,40,116)
```
#1b308a
```
#1b308a rgb(27,48,138)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#233eb4
```
#233eb4 rgb(35,62,180)
```
#2746ca
```
#2746ca rgb(39,70,202)
```
#3352d7
```
#3352d7 rgb(51,82,215)
```

Monochromatic Color

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

#1f579f
```
#1f579f rgb(31,87,159)
```
#1f4c9f
```
#1f4c9f rgb(31,76,159)
```
#1f429f
```
#1f429f rgb(31,66,159)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#1f2c9f
```
#1f2c9f rgb(31,44,159)
```
#1f229f
```
#1f229f rgb(31,34,159)
```
#271f9f
```
#271f9f rgb(39,31,159)
```

Similar Colors

Text with hexadecimal color #1f379f

This text has a font color of #1f379f.

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

#1f379f background color

This paragraph has a background color of #1f379f.

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

#1f379f border color

This element has a border color of #1f379f.

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

CSS codes

.text {color:#1f379f;}

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

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

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, #02040b is the darkest color, while #fafbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050a1c
```
#050a1c rgb(5,10,28)
```
#090f2c
```
#090f2c rgb(9,15,44)
```
#0c153d
```
#0c153d rgb(12,21,61)
```
#0f1b4d
```
#0f1b4d rgb(15,27,77)
```
#12205d
```
#12205d rgb(18,32,93)
```
#15266e
```
#15266e rgb(21,38,110)
```
#192c7e
```
#192c7e rgb(25,44,126)
```
#1c318f
```
#1c318f rgb(28,49,143)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#223daf
```
#223daf rgb(34,61,175)
```
#2542c0
```
#2542c0 rgb(37,66,192)
```
#2948d0
```
#2948d0 rgb(41,72,208)
```

Shade Color Variation

#3553d8
```
#3553d8 rgb(53,83,216)
```
#4561db
```
#4561db rgb(69,97,219)
```
#566fde
```
#566fde rgb(86,111,222)
```
#667de1
```
#667de1 rgb(102,125,225)
```
#778be4
```
#778be4 rgb(119,139,228)
```
#8799e8
```
#8799e8 rgb(135,153,232)
```
#97a7eb
```
#97a7eb rgb(151,167,235)
```
#a8b5ee
```
#a8b5ee rgb(168,181,238)
```
#b8c3f1
```
#b8c3f1 rgb(184,195,241)
```
#c9d1f4
```
#c9d1f4 rgb(201,209,244)
```
#d9dff8
```
#d9dff8 rgb(217,223,248)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595c65 is the less saturated color, while #0225bc is the most saturated one.

#595c65
```
#595c65 rgb(89,92,101)
```
#52576c
```
#52576c rgb(82,87,108)
```
#4b5273
```
#4b5273 rgb(75,82,115)
```
#444e7a
```
#444e7a rgb(68,78,122)
```
#3c4982
```
#3c4982 rgb(60,73,130)
```
#354589
```
#354589 rgb(53,69,137)
```
#2e4090
```
#2e4090 rgb(46,64,144)
```
#263c98
```
#263c98 rgb(38,60,152)
```
#1f379f
```
#1f379f rgb(31,55,159)
```
#1832a6
```
#1832a6 rgb(24,50,166)
```
#102eae
```
#102eae rgb(16,46,174)
```
#0929b5
```
#0929b5 rgb(9,41,181)
```
#0225bc
```
#0225bc rgb(2,37,188)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#0b4395 Protanomaly 1% of men, 0.01% of women
#0b4589 Deuteranomaly 6% of men, 0.4% of women
#0b4972 Tritanomaly 0.01% of the population

#1f379f hex color

#1f379f Color Information

#1f379f Color Conversion

Color Schemes with #1f379f

Alternatives to #1f379f

#1f379f Preview

Shades and Tints of #1f379f

Tones of #1f379f

Color Blindness Simulator