#1f388e hex color

In a RGB color space, hex #1f388e is composed of 12.2% red, 22% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 60.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 226.5 degrees, a saturation of 64.2% and a lightness of 33.9%. #1f388e color hex could be obtained by blending #3e70ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 22
- B 56
RGB color chart
- C 78
- M 61
- Y 0
- K 44
CMYK color chart

● #1f388e color description : Dark blue.

The hexadecimal color #1f388e has RGB values of R:31, G:56, B:142 and CMYK values of C:0.78, M:0.61, Y:0, K:0.44. Its decimal value is 2046094.

Hex triplet	1f388e	`#1f388e`
RGB Decimal	31, 56, 142	`rgb(31,56,142)`
RGB Percent	12.2, 22, 55.7	`rgb(12.2%,22%,55.7%)`
CMYK	78, 61, 0, 44
HSL	226.5°, 64.2, 33.9	`hsl(226.5,64.2%,33.9%)`
HSV (or HSB)	226.5°, 78.2, 55.7
Web Safe	333399	`#333399`

CIE-LAB	26.939, 23.1, -50.375
XYZ	6.861, 5.072, 26.207
xyY	0.18, 0.133, 5.072
CIE-LCH	26.939, 55.419, 294.634
CIE-LUV	26.939, -9.8, -65.066
Hunter-Lab	22.521, 14.964, -53.228
Binary	00011111, 00111000, 10001110

#1f388e
```
#1f388e rgb(31,56,142)
```
#8e751f
```
#8e751f rgb(142,117,31)
```

Complementary Color

#1f708e
```
#1f708e rgb(31,112,142)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#3d1f8e
```
#3d1f8e rgb(61,31,142)
```

Analogous Color

#708e1f
```
#708e1f rgb(112,142,31)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#8e3e1f
```
#8e3e1f rgb(142,62,31)
```

Split Complementary Color

#388e1f
```
#388e1f rgb(56,142,31)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#8e1f38
```
#8e1f38 rgb(142,31,56)
```

Triadic Color

#1f8e75
```
#1f8e75 rgb(31,142,117)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#8e1f38
```
#8e1f38 rgb(142,31,56)
```
#8e751f
```
#8e751f rgb(142,117,31)
```

Tetradic Color

#111f4f
```
#111f4f rgb(17,31,79)
```
#162764
```
#162764 rgb(22,39,100)
```
#1a3079
```
#1a3079 rgb(26,48,121)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#2440a3
```
#2440a3 rgb(36,64,163)
```
#2849b8
```
#2849b8 rgb(40,73,184)
```
#2d51cd
```
#2d51cd rgb(45,81,205)
```

Monochromatic Color

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

#1f548e
```
#1f548e rgb(31,84,142)
```
#1f4b8e
```
#1f4b8e rgb(31,75,142)
```
#1f418e
```
#1f418e rgb(31,65,142)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#1f2f8e
```
#1f2f8e rgb(31,47,142)
```
#1f268e
```
#1f268e rgb(31,38,142)
```
#221f8e
```
#221f8e rgb(34,31,142)
```

Similar Colors

Text with hexadecimal color #1f388e

This text has a font color of #1f388e.

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

#1f388e background color

This paragraph has a background color of #1f388e.

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

#1f388e border color

This element has a border color of #1f388e.

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

CSS codes

.text {color:#1f388e;}

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

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

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, #03050d is the darkest color, while #fcfdfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#060c1d
```
#060c1d rgb(6,12,29)
```
#0a122d
```
#0a122d rgb(10,18,45)
```
#0d183d
```
#0d183d rgb(13,24,61)
```
#111f4e
```
#111f4e rgb(17,31,78)
```
#14255e
```
#14255e rgb(20,37,94)
```
#182b6e
```
#182b6e rgb(24,43,110)
```
#1b327e
```
#1b327e rgb(27,50,126)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#233e9e
```
#233e9e rgb(35,62,158)
```
#2645ae
```
#2645ae rgb(38,69,174)
```
#2a4bbe
```
#2a4bbe rgb(42,75,190)
```
#2d51ce
```
#2d51ce rgb(45,81,206)
```

Shade Color Variation

#3b5dd4
```
#3b5dd4 rgb(59,93,212)
```
#4b6bd8
```
#4b6bd8 rgb(75,107,216)
```
#5b78db
```
#5b78db rgb(91,120,219)
```
#6b85df
```
#6b85df rgb(107,133,223)
```
#7b92e2
```
#7b92e2 rgb(123,146,226)
```
#8ba0e6
```
#8ba0e6 rgb(139,160,230)
```
#9bade9
```
#9bade9 rgb(155,173,233)
```
#acbaed
```
#acbaed rgb(172,186,237)
```
#bcc8f0
```
#bcc8f0 rgb(188,200,240)
```
#ccd5f4
```
#ccd5f4 rgb(204,213,244)
```
#dce2f7
```
#dce2f7 rgb(220,226,247)
```
#eceffb
```
#eceffb rgb(236,239,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545559
```
#545559 rgb(84,85,89)
```
#4e525f
```
#4e525f rgb(78,82,95)
```
#474e66
```
#474e66 rgb(71,78,102)
```
#404a6d
```
#404a6d rgb(64,74,109)
```
#3a4773
```
#3a4773 rgb(58,71,115)
```
#33437a
```
#33437a rgb(51,67,122)
```
#2c3f81
```
#2c3f81 rgb(44,63,129)
```
#263c87
```
#263c87 rgb(38,60,135)
```
#1f388e
```
#1f388e rgb(31,56,142)
```
#183495
```
#183495 rgb(24,52,149)
```
#12319b
```
#12319b rgb(18,49,155)
```
#0b2da2
```
#0b2da2 rgb(11,45,162)
```
#0429a9
```
#0429a9 rgb(4,41,169)
```

Tone Color Variation

Below, you can see how #1f388e 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
#353a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b7a Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#0b418c Protanomaly 1% of men, 0.01% of women
#0b4481 Deuteranomaly 6% of men, 0.4% of women
#0b476a Tritanomaly 0.01% of the population

#1f388e hex color

#1f388e Color Information

#1f388e Color Conversion

Color Schemes with #1f388e

Alternatives to #1f388e

#1f388e Preview

Shades and Tints of #1f388e

Tones of #1f388e

Color Blindness Simulator