#1f3058 hex color

In a RGB color space, hex #1f3058 is composed of 12.2% red, 18.8% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 45.5% magenta, 0% yellow and 65.5% black. It has a hue angle of 222.1 degrees, a saturation of 47.9% and a lightness of 23.3%. #1f3058 color hex could be obtained by blending #3e60b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 19
- B 35
RGB color chart
- C 65
- M 45
- Y 0
- K 65
CMYK color chart

● #1f3058 color description : Very dark blue.

The hexadecimal color #1f3058 has RGB values of R:31, G:48, B:88 and CMYK values of C:0.65, M:0.45, Y:0, K:0.65. Its decimal value is 2043992.

Hex triplet	1f3058	`#1f3058`
RGB Decimal	31, 48, 88	`rgb(31,48,88)`
RGB Percent	12.2, 18.8, 34.5	`rgb(12.2%,18.8%,34.5%)`
CMYK	65, 45, 0, 65
HSL	222.1°, 47.9, 23.3	`hsl(222.1,47.9%,23.3%)`
HSV (or HSB)	222.1°, 64.8, 34.5
Web Safe	333366	`#333366`

CIE-LAB	20.478, 7.242, -26.29
XYZ	3.383, 3.11, 9.654
xyY	0.21, 0.193, 3.11
CIE-LCH	20.478, 27.269, 285.402
CIE-LUV	20.478, -7.06, -30.355
Hunter-Lab	17.634, 3.386, -20.115
Binary	00011111, 00110000, 01011000

#1f3058
```
#1f3058 rgb(31,48,88)
```
#58471f
```
#58471f rgb(88,71,31)
```

Complementary Color

#1f4d58
```
#1f4d58 rgb(31,77,88)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#2a1f58
```
#2a1f58 rgb(42,31,88)
```

Analogous Color

#4d581f
```
#4d581f rgb(77,88,31)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#582b1f
```
#582b1f rgb(88,43,31)
```

Split Complementary Color

#30581f
```
#30581f rgb(48,88,31)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#581f30
```
#581f30 rgb(88,31,48)
```

Triadic Color

#1f5847
```
#1f5847 rgb(31,88,71)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#581f30
```
#581f30 rgb(88,31,48)
```
#58471f
```
#58471f rgb(88,71,31)
```

Tetradic Color

#0b111f
```
#0b111f rgb(11,17,31)
```
#121b32
```
#121b32 rgb(18,27,50)
```
#182645
```
#182645 rgb(24,38,69)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#263a6b
```
#263a6b rgb(38,58,107)
```
#2c457e
```
#2c457e rgb(44,69,126)
```
#334f91
```
#334f91 rgb(51,79,145)
```

Monochromatic Color

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

#1f3e58
```
#1f3e58 rgb(31,62,88)
```
#1f3a58
```
#1f3a58 rgb(31,58,88)
```
#1f3558
```
#1f3558 rgb(31,53,88)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#1f2b58
```
#1f2b58 rgb(31,43,88)
```
#1f2758
```
#1f2758 rgb(31,39,88)
```
#1f2258
```
#1f2258 rgb(31,34,88)
```

Similar Colors

Text with hexadecimal color #1f3058

This text has a font color of #1f3058.

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

#1f3058 background color

This paragraph has a background color of #1f3058.

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

#1f3058 border color

This element has a border color of #1f3058.

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

CSS codes

.text {color:#1f3058;}

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

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

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, #000101 is the darkest color, while #f1f4fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#05080f
```
#05080f rgb(5,8,15)
```
#0b101e
```
#0b101e rgb(11,16,30)
```
#10182c
```
#10182c rgb(16,24,44)
```
#15203b
```
#15203b rgb(21,32,59)
```
#1a2849
```
#1a2849 rgb(26,40,73)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#243867
```
#243867 rgb(36,56,103)
```
#294075
```
#294075 rgb(41,64,117)
```
#2e4884
```
#2e4884 rgb(46,72,132)
```
#335092
```
#335092 rgb(51,80,146)
```
#3958a1
```
#3958a1 rgb(57,88,161)
```
#3e5faf
```
#3e5faf rgb(62,95,175)
```

Shade Color Variation

#4368bd
```
#4368bd rgb(67,104,189)
```
#5273c2
```
#5273c2 rgb(82,115,194)
```
#607fc7
```
#607fc7 rgb(96,127,199)
```
#6f8bcc
```
#6f8bcc rgb(111,139,204)
```
#7d96d1
```
#7d96d1 rgb(125,150,209)
```
#8ca2d6
```
#8ca2d6 rgb(140,162,214)
```
#9aaedc
```
#9aaedc rgb(154,174,220)
```
#a9bae1
```
#a9bae1 rgb(169,186,225)
```
#b7c5e6
```
#b7c5e6 rgb(183,197,230)
```
#c6d1eb
```
#c6d1eb rgb(198,209,235)
```
#d4ddf0
```
#d4ddf0 rgb(212,221,240)
```
#e3e8f5
```
#e3e8f5 rgb(227,232,245)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Tint Color Variation

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

#3a3b3d
```
#3a3b3d rgb(58,59,61)
```
#363941
```
#363941 rgb(54,57,65)
```
#313746
```
#313746 rgb(49,55,70)
```
#2d364a
```
#2d364a rgb(45,54,74)
```
#28344f
```
#28344f rgb(40,52,79)
```
#243253
```
#243253 rgb(36,50,83)
```
#1f3058
```
#1f3058 rgb(31,48,88)
```
#1a2e5d
```
#1a2e5d rgb(26,46,93)
```
#162c61
```
#162c61 rgb(22,44,97)
```
#112a66
```
#112a66 rgb(17,42,102)
```
#0d296a
```
#0d296a rgb(13,41,106)
```
#08276f
```
#08276f rgb(8,39,111)
```
#042573
```
#042573 rgb(4,37,115)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2f37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a3a60 Protanopia 1% of men
#203c5f Deuteranopia 1% of men
#1a4145 Tritanopia 0.001% of the population

Trichromacy

#26365d Protanomaly 1% of men, 0.01% of women
#1f375d Deuteranomaly 6% of men, 0.4% of women
#1c3a4c Tritanomaly 0.01% of the population

#1f3058 hex color

#1f3058 Color Information

#1f3058 Color Conversion

Color Schemes with #1f3058

Alternatives to #1f3058

#1f3058 Preview

Shades and Tints of #1f3058

Tones of #1f3058

Color Blindness Simulator