#1f2d60 hex color

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

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

● #1f2d60 color description : Very dark blue.

The hexadecimal color #1f2d60 has RGB values of R:31, G:45, B:96 and CMYK values of C:0.68, M:0.53, Y:0, K:0.62. Its decimal value is 2043232.

Hex triplet	1f2d60	`#1f2d60`
RGB Decimal	31, 45, 96	`rgb(31,45,96)`
RGB Percent	12.2, 17.6, 37.6	`rgb(12.2%,17.6%,37.6%)`
CMYK	68, 53, 0, 62
HSL	227.1°, 51.2, 24.9	`hsl(227.1,51.2%,24.9%)`
HSV (or HSB)	227.1°, 67.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	20.094, 12.563, -32.19
XYZ	3.614, 3.012, 11.457
xyY	0.2, 0.167, 3.012
CIE-LCH	20.094, 34.554, 291.32
CIE-LUV	20.094, -6.272, -37.186
Hunter-Lab	17.356, 6.798, -26.987
Binary	00011111, 00101101, 01100000

#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#60521f
```
#60521f rgb(96,82,31)
```

Complementary Color

#1f4e60
```
#1f4e60 rgb(31,78,96)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#321f60
```
#321f60 rgb(50,31,96)
```

Analogous Color

#4e601f
```
#4e601f rgb(78,96,31)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#60321f
```
#60321f rgb(96,50,31)
```

Split Complementary Color

#2d601f
```
#2d601f rgb(45,96,31)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#601f2d
```
#601f2d rgb(96,31,45)
```

Triadic Color

#1f6052
```
#1f6052 rgb(31,96,82)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#601f2d
```
#601f2d rgb(96,31,45)
```
#60521f
```
#60521f rgb(96,82,31)
```

Tetradic Color

#0c1226
```
#0c1226 rgb(12,18,38)
```
#131b39
```
#131b39 rgb(19,27,57)
```
#19244d
```
#19244d rgb(25,36,77)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#253673
```
#253673 rgb(37,54,115)
```
#2b3f87
```
#2b3f87 rgb(43,63,135)
```
#32489a
```
#32489a rgb(50,72,154)
```

Monochromatic Color

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

#1f3d60
```
#1f3d60 rgb(31,61,96)
```
#1f3860
```
#1f3860 rgb(31,56,96)
```
#1f3260
```
#1f3260 rgb(31,50,96)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#1f2860
```
#1f2860 rgb(31,40,96)
```
#1f2260
```
#1f2260 rgb(31,34,96)
```
#211f60
```
#211f60 rgb(33,31,96)
```

Similar Colors

Text with hexadecimal color #1f2d60

This text has a font color of #1f2d60.

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

#1f2d60 background color

This paragraph has a background color of #1f2d60.

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

#1f2d60 border color

This element has a border color of #1f2d60.

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

CSS codes

.text {color:#1f2d60;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070a16
```
#070a16 rgb(7,10,22)
```
#0c1125
```
#0c1125 rgb(12,17,37)
```
#111834
```
#111834 rgb(17,24,52)
```
#151f42
```
#151f42 rgb(21,31,66)
```
#1a2651
```
#1a2651 rgb(26,38,81)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#24346f
```
#24346f rgb(36,52,111)
```
#293b7e
```
#293b7e rgb(41,59,126)
```
#2d428c
```
#2d428c rgb(45,66,140)
```
#32499b
```
#32499b rgb(50,73,155)
```
#3750aa
```
#3750aa rgb(55,80,170)
```
#3c57b9
```
#3c57b9 rgb(60,87,185)
```

Shade Color Variation

#4560c3
```
#4560c3 rgb(69,96,195)
```
#546dc8
```
#546dc8 rgb(84,109,200)
```
#637acd
```
#637acd rgb(99,122,205)
```
#7286d1
```
#7286d1 rgb(114,134,209)
```
#8193d6
```
#8193d6 rgb(129,147,214)
```
#8fa0db
```
#8fa0db rgb(143,160,219)
```
#9eace0
```
#9eace0 rgb(158,172,224)
```
#adb9e5
```
#adb9e5 rgb(173,185,229)
```
#bcc6e9
```
#bcc6e9 rgb(188,198,233)
```
#cbd2ee
```
#cbd2ee rgb(203,210,238)
```
#dadff3
```
#dadff3 rgb(218,223,243)
```
#e8ecf8
```
#e8ecf8 rgb(232,236,248)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#3c3e43
```
#3c3e43 rgb(60,62,67)
```
#373b48
```
#373b48 rgb(55,59,72)
```
#33384c
```
#33384c rgb(51,56,76)
```
#2e3551
```
#2e3551 rgb(46,53,81)
```
#293356
```
#293356 rgb(41,51,86)
```
#24305b
```
#24305b rgb(36,48,91)
```
#1f2d60
```
#1f2d60 rgb(31,45,96)
```
#1a2a65
```
#1a2a65 rgb(26,42,101)
```
#15276a
```
#15276a rgb(21,39,106)
```
#10256f
```
#10256f rgb(16,37,111)
```
#0b2274
```
#0b2274 rgb(11,34,116)
```
#071f78
```
#071f78 rgb(7,31,120)
```
#021c7d
```
#021c7d rgb(2,28,125)
```

Tone Color Variation

Below, you can see how #1f2d60 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
#2c2f39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d3969 Protanopia 1% of men
#003c64 Deuteranopia 1% of men
#0d4045 Tritanopia 0.001% of the population

Trichromacy

#1e3566 Protanomaly 1% of men, 0.01% of women
#0b3662 Deuteranomaly 6% of men, 0.4% of women
#14394f Tritanomaly 0.01% of the population

#1f2d60 hex color

#1f2d60 Color Information

#1f2d60 Color Conversion

Color Schemes with #1f2d60

Alternatives to #1f2d60

#1f2d60 Preview

Shades and Tints of #1f2d60

Tones of #1f2d60

Color Blindness Simulator