#1f3a60 hex color

In a RGB color space, hex #1f3a60 is composed of 12.2% red, 22.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 39.6% magenta, 0% yellow and 62.4% black. It has a hue angle of 215.1 degrees, a saturation of 51.2% and a lightness of 24.9%. #1f3a60 color hex could be obtained by blending #3e74c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 23
- B 38
RGB color chart
- C 68
- M 40
- Y 0
- K 62
CMYK color chart

● #1f3a60 color description : Very dark blue.

The hexadecimal color #1f3a60 has RGB values of R:31, G:58, B:96 and CMYK values of C:0.68, M:0.4, Y:0, K:0.62. Its decimal value is 2046560.

Hex triplet	1f3a60	`#1f3a60`
RGB Decimal	31, 58, 96	`rgb(31,58,96)`
RGB Percent	12.2, 22.7, 37.6	`rgb(12.2%,22.7%,37.6%)`
CMYK	68, 40, 0, 62
HSL	215.1°, 51.2, 24.9	`hsl(215.1,51.2%,24.9%)`
HSV (or HSB)	215.1°, 67.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	24.199, 3.343, -25.635
XYZ	4.189, 4.162, 11.648
xyY	0.209, 0.208, 4.162
CIE-LCH	24.199, 25.852, 277.431
CIE-LUV	24.199, -10.335, -31.312
Hunter-Lab	20.4, 0.953, -19.574
Binary	00011111, 00111010, 01100000

#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#60451f
```
#60451f rgb(96,69,31)
```

Complementary Color

#1f5b60
```
#1f5b60 rgb(31,91,96)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#251f60
```
#251f60 rgb(37,31,96)
```

Analogous Color

#5b601f
```
#5b601f rgb(91,96,31)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#60251f
```
#60251f rgb(96,37,31)
```

Split Complementary Color

#3a601f
```
#3a601f rgb(58,96,31)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#601f3a
```
#601f3a rgb(96,31,58)
```

Triadic Color

#1f6045
```
#1f6045 rgb(31,96,69)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#601f3a
```
#601f3a rgb(96,31,58)
```
#60451f
```
#60451f rgb(96,69,31)
```

Tetradic Color

#0c1726
```
#0c1726 rgb(12,23,38)
```
#132339
```
#132339 rgb(19,35,57)
```
#192e4d
```
#192e4d rgb(25,46,77)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#254673
```
#254673 rgb(37,70,115)
```
#2b5187
```
#2b5187 rgb(43,81,135)
```
#325d9a
```
#325d9a rgb(50,93,154)
```

Monochromatic Color

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

#1f4a60
```
#1f4a60 rgb(31,74,96)
```
#1f4560
```
#1f4560 rgb(31,69,96)
```
#1f3f60
```
#1f3f60 rgb(31,63,96)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#1f3560
```
#1f3560 rgb(31,53,96)
```
#1f2f60
```
#1f2f60 rgb(31,47,96)
```
#1f2a60
```
#1f2a60 rgb(31,42,96)
```

Similar Colors

Text with hexadecimal color #1f3a60

This text has a font color of #1f3a60.

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

#1f3a60 background color

This paragraph has a background color of #1f3a60.

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

#1f3a60 border color

This element has a border color of #1f3a60.

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

CSS codes

.text {color:#1f3a60;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0c1625
```
#0c1625 rgb(12,22,37)
```
#111f34
```
#111f34 rgb(17,31,52)
```
#152842
```
#152842 rgb(21,40,66)
```
#1a3151
```
#1a3151 rgb(26,49,81)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#24436f
```
#24436f rgb(36,67,111)
```
#294c7e
```
#294c7e rgb(41,76,126)
```
#2d558c
```
#2d558c rgb(45,85,140)
```
#325e9b
```
#325e9b rgb(50,94,155)
```
#3767aa
```
#3767aa rgb(55,103,170)
```
#3c70b9
```
#3c70b9 rgb(60,112,185)
```

Shade Color Variation

#457ac3
```
#457ac3 rgb(69,122,195)
```
#5484c8
```
#5484c8 rgb(84,132,200)
```
#638fcd
```
#638fcd rgb(99,143,205)
```
#7299d1
```
#7299d1 rgb(114,153,209)
```
#81a4d6
```
#81a4d6 rgb(129,164,214)
```
#8fafdb
```
#8fafdb rgb(143,175,219)
```
#9eb9e0
```
#9eb9e0 rgb(158,185,224)
```
#adc4e5
```
#adc4e5 rgb(173,196,229)
```
#bccfe9
```
#bccfe9 rgb(188,207,233)
```
#cbd9ee
```
#cbd9ee rgb(203,217,238)
```
#dae4f3
```
#dae4f3 rgb(218,228,243)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#3c3f43
```
#3c3f43 rgb(60,63,67)
```
#373e48
```
#373e48 rgb(55,62,72)
```
#333d4c
```
#333d4c rgb(51,61,76)
```
#2e3c51
```
#2e3c51 rgb(46,60,81)
```
#293c56
```
#293c56 rgb(41,60,86)
```
#243b5b
```
#243b5b rgb(36,59,91)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#1a3965
```
#1a3965 rgb(26,57,101)
```
#15386a
```
#15386a rgb(21,56,106)
```
#10386f
```
#10386f rgb(16,56,111)
```
#0b3774
```
#0b3774 rgb(11,55,116)
```
#073678
```
#073678 rgb(7,54,120)
```
#02357d
```
#02357d rgb(2,53,125)
```

Tone Color Variation

Below, you can see how #1f3a60 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
#31373e Atypical Achromatopsia 0.001% of the population

Dichromacy

#344267 Protanopia 1% of men
#2c4468 Deuteranopia 1% of men
#18494f Tritanopia 0.001% of the population

Trichromacy

#2c3f64 Protanomaly 1% of men, 0.01% of women
#274065 Deuteranomaly 6% of men, 0.4% of women
#1b4455 Tritanomaly 0.01% of the population

#1f3a60 hex color

#1f3a60 Color Information

#1f3a60 Color Conversion

Color Schemes with #1f3a60

Alternatives to #1f3a60

#1f3a60 Preview

Shades and Tints of #1f3a60

Tones of #1f3a60

Color Blindness Simulator