#1f388a hex color

In a RGB color space, hex #1f388a is composed of 12.2% red, 22% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 59.4% magenta, 0% yellow and 45.9% black. It has a hue angle of 226 degrees, a saturation of 63.3% and a lightness of 33.1%. #1f388a color hex could be obtained by blending #3e70ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 22
- B 54
RGB color chart
- C 78
- M 59
- Y 0
- K 46
CMYK color chart

● #1f388a color description : Dark blue.

The hexadecimal color #1f388a has RGB values of R:31, G:56, B:138 and CMYK values of C:0.78, M:0.59, Y:0, K:0.46. Its decimal value is 2046090.

Hex triplet	1f388a	`#1f388a`
RGB Decimal	31, 56, 138	`rgb(31,56,138)`
RGB Percent	12.2, 22, 54.1	`rgb(12.2%,22%,54.1%)`
CMYK	78, 59, 0, 46
HSL	226°, 63.3, 33.1	`hsl(226,63.3%,33.1%)`
HSV (or HSB)	226°, 77.5, 54.1
Web Safe	333399	`#333399`

CIE-LAB	26.604, 21.519, -48.445
XYZ	6.566, 4.954, 24.654
xyY	0.182, 0.137, 4.954
CIE-LCH	26.604, 53.009, 293.951
CIE-LUV	26.604, -9.762, -62.383
Hunter-Lab	22.258, 13.703, -50.091
Binary	00011111, 00111000, 10001010

#1f388a
```
#1f388a rgb(31,56,138)
```
#8a711f
```
#8a711f rgb(138,113,31)
```

Complementary Color

#1f6e8a
```
#1f6e8a rgb(31,110,138)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#3b1f8a
```
#3b1f8a rgb(59,31,138)
```

Analogous Color

#6e8a1f
```
#6e8a1f rgb(110,138,31)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#8a3b1f
```
#8a3b1f rgb(138,59,31)
```

Split Complementary Color

#388a1f
```
#388a1f rgb(56,138,31)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#8a1f38
```
#8a1f38 rgb(138,31,56)
```

Triadic Color

#1f8a71
```
#1f8a71 rgb(31,138,113)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#8a1f38
```
#8a1f38 rgb(138,31,56)
```
#8a711f
```
#8a711f rgb(138,113,31)
```

Tetradic Color

#111f4c
```
#111f4c rgb(17,31,76)
```
#162760
```
#162760 rgb(22,39,96)
```
#1a3075
```
#1a3075 rgb(26,48,117)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#24409f
```
#24409f rgb(36,64,159)
```
#2849b4
```
#2849b4 rgb(40,73,180)
```
#2d51c8
```
#2d51c8 rgb(45,81,200)
```

Monochromatic Color

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

#1f538a
```
#1f538a rgb(31,83,138)
```
#1f4a8a
```
#1f4a8a rgb(31,74,138)
```
#1f418a
```
#1f418a rgb(31,65,138)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#1f2f8a
```
#1f2f8a rgb(31,47,138)
```
#1f268a
```
#1f268a rgb(31,38,138)
```
#211f8a
```
#211f8a rgb(33,31,138)
```

Similar Colors

Text with hexadecimal color #1f388a

This text has a font color of #1f388a.

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

#1f388a background color

This paragraph has a background color of #1f388a.

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

#1f388a border color

This element has a border color of #1f388a.

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

CSS codes

.text {color:#1f388a;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#060b1a
```
#060b1a rgb(6,11,26)
```
#09112a
```
#09112a rgb(9,17,42)
```
#0d183a
```
#0d183a rgb(13,24,58)
```
#111e4a
```
#111e4a rgb(17,30,74)
```
#14255a
```
#14255a rgb(20,37,90)
```
#182b6a
```
#182b6a rgb(24,43,106)
```
#1b327a
```
#1b327a rgb(27,50,122)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#233e9a
```
#233e9a rgb(35,62,154)
```
#2645aa
```
#2645aa rgb(38,69,170)
```
#2a4bba
```
#2a4bba rgb(42,75,186)
```
#2d52ca
```
#2d52ca rgb(45,82,202)
```

Shade Color Variation

#395dd2
```
#395dd2 rgb(57,93,210)
```
#496ad6
```
#496ad6 rgb(73,106,214)
```
#5977da
```
#5977da rgb(89,119,218)
```
#6984dd
```
#6984dd rgb(105,132,221)
```
#7991e1
```
#7991e1 rgb(121,145,225)
```
#899ee4
```
#899ee4 rgb(137,158,228)
```
#99abe8
```
#99abe8 rgb(153,171,232)
```
#a9b8ec
```
#a9b8ec rgb(169,184,236)
```
#b9c5ef
```
#b9c5ef rgb(185,197,239)
```
#c9d3f3
```
#c9d3f3 rgb(201,211,243)
```
#d9e0f6
```
#d9e0f6 rgb(217,224,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#535456
```
#535456 rgb(83,84,86)
```
#4d505d
```
#4d505d rgb(77,80,93)
```
#464d63
```
#464d63 rgb(70,77,99)
```
#40496a
```
#40496a rgb(64,73,106)
```
#394670
```
#394670 rgb(57,70,112)
```
#334277
```
#334277 rgb(51,66,119)
```
#2c3f7d
```
#2c3f7d rgb(44,63,125)
```
#263b84
```
#263b84 rgb(38,59,132)
```
#1f388a
```
#1f388a rgb(31,56,138)
```
#193591
```
#193591 rgb(25,53,145)
```
#123197
```
#123197 rgb(18,49,151)
```
#0c2e9e
```
#0c2e9e rgb(12,46,158)
```
#052aa4
```
#052aa4 rgb(5,42,164)
```

Tone Color Variation

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

Dichromacy

#00468a Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#0b418a Protanomaly 1% of men, 0.01% of women
#0b437f Deuteranomaly 6% of men, 0.4% of women
#0b4768 Tritanomaly 0.01% of the population

#1f388a hex color

#1f388a Color Information

#1f388a Color Conversion

Color Schemes with #1f388a

Alternatives to #1f388a

#1f388a Preview

Shades and Tints of #1f388a

Tones of #1f388a

Color Blindness Simulator