#1f2c5d hex color

In a RGB color space, hex #1f2c5d is composed of 12.2% red, 17.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 52.7% magenta, 0% yellow and 63.5% black. It has a hue angle of 227.4 degrees, a saturation of 50% and a lightness of 24.3%. #1f2c5d color hex could be obtained by blending #3e58ba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 17
- B 36
RGB color chart
- C 67
- M 53
- Y 0
- K 64
CMYK color chart

● #1f2c5d color description : Very dark blue.

The hexadecimal color #1f2c5d has RGB values of R:31, G:44, B:93 and CMYK values of C:0.67, M:0.53, Y:0, K:0.64. Its decimal value is 2042973.

Hex triplet	1f2c5d	`#1f2c5d`
RGB Decimal	31, 44, 93	`rgb(31,44,93)`
RGB Percent	12.2, 17.3, 36.5	`rgb(12.2%,17.3%,36.5%)`
CMYK	67, 53, 0, 64
HSL	227.4°, 50, 24.3	`hsl(227.4,50%,24.3%)`
HSV (or HSB)	227.4°, 66.7, 36.5
Web Safe	333366	`#333366`

CIE-LAB	19.568, 12.097, -31.056
XYZ	3.441, 2.883, 10.73
xyY	0.202, 0.169, 2.883
CIE-LCH	19.568, 33.329, 291.282
CIE-LUV	19.568, -5.934, -35.46
Hunter-Lab	16.979, 6.464, -25.585
Binary	00011111, 00101100, 01011101

#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#5d501f
```
#5d501f rgb(93,80,31)
```

Complementary Color

#1f4b5d
```
#1f4b5d rgb(31,75,93)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#311f5d
```
#311f5d rgb(49,31,93)
```

Analogous Color

#4b5d1f
```
#4b5d1f rgb(75,93,31)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#5d311f
```
#5d311f rgb(93,49,31)
```

Split Complementary Color

#2c5d1f
```
#2c5d1f rgb(44,93,31)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#5d1f2c
```
#5d1f2c rgb(93,31,44)
```

Triadic Color

#1f5d50
```
#1f5d50 rgb(31,93,80)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#5d1f2c
```
#5d1f2c rgb(93,31,44)
```
#5d501f
```
#5d501f rgb(93,80,31)
```

Tetradic Color

#0c1124
```
#0c1124 rgb(12,17,36)
```
#121a37
```
#121a37 rgb(18,26,55)
```
#19234a
```
#19234a rgb(25,35,74)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#253570
```
#253570 rgb(37,53,112)
```
#2c3e83
```
#2c3e83 rgb(44,62,131)
```
#324796
```
#324796 rgb(50,71,150)
```

Monochromatic Color

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

#1f3c5d
```
#1f3c5d rgb(31,60,93)
```
#1f365d
```
#1f365d rgb(31,54,93)
```
#1f315d
```
#1f315d rgb(31,49,93)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#1f275d
```
#1f275d rgb(31,39,93)
```
#1f225d
```
#1f225d rgb(31,34,93)
```
#221f5d
```
#221f5d rgb(34,31,93)
```

Similar Colors

Text with hexadecimal color #1f2c5d

This text has a font color of #1f2c5d.

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

#1f2c5d background color

This paragraph has a background color of #1f2c5d.

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

#1f2c5d border color

This element has a border color of #1f2c5d.

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

CSS codes

.text {color:#1f2c5d;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060913
```
#060913 rgb(6,9,19)
```
#0b1022
```
#0b1022 rgb(11,16,34)
```
#101731
```
#101731 rgb(16,23,49)
```
#151e40
```
#151e40 rgb(21,30,64)
```
#1a254e
```
#1a254e rgb(26,37,78)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#24336c
```
#24336c rgb(36,51,108)
```
#293a7a
```
#293a7a rgb(41,58,122)
```
#2e4189
```
#2e4189 rgb(46,65,137)
```
#334898
```
#334898 rgb(51,72,152)
```
#384fa7
```
#384fa7 rgb(56,79,167)
```
#3c56b5
```
#3c56b5 rgb(60,86,181)
```

Shade Color Variation

#445fc1
```
#445fc1 rgb(68,95,193)
```
#536bc6
```
#536bc6 rgb(83,107,198)
```
#6278cb
```
#6278cb rgb(98,120,203)
```
#7185d0
```
#7185d0 rgb(113,133,208)
```
#7f91d4
```
#7f91d4 rgb(127,145,212)
```
#8e9ed9
```
#8e9ed9 rgb(142,158,217)
```
#9daade
```
#9daade rgb(157,170,222)
```
#abb7e3
```
#abb7e3 rgb(171,183,227)
```
#bac4e8
```
#bac4e8 rgb(186,196,232)
```
#c9d0ed
```
#c9d0ed rgb(201,208,237)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#e6eaf7
```
#e6eaf7 rgb(230,234,247)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

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

#3c3d40
```
#3c3d40 rgb(60,61,64)
```
#373a45
```
#373a45 rgb(55,58,69)
```
#32374a
```
#32374a rgb(50,55,74)
```
#2d344f
```
#2d344f rgb(45,52,79)
```
#293253
```
#293253 rgb(41,50,83)
```
#242f58
```
#242f58 rgb(36,47,88)
```
#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#1a2962
```
#1a2962 rgb(26,41,98)
```
#152667
```
#152667 rgb(21,38,103)
```
#11246b
```
#11246b rgb(17,36,107)
```
#0c2170
```
#0c2170 rgb(12,33,112)
```
#071e75
```
#071e75 rgb(7,30,117)
```
#021b7a
```
#021b7a rgb(2,27,122)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2b2e37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e3866 Protanopia 1% of men
#003b62 Deuteranopia 1% of men
#123f44 Tritanopia 0.001% of the population

Trichromacy

#1e3463 Protanomaly 1% of men, 0.01% of women
#0b3560 Deuteranomaly 6% of men, 0.4% of women
#17384d Tritanomaly 0.01% of the population

#1f2c5d hex color

#1f2c5d Color Information

#1f2c5d Color Conversion

Color Schemes with #1f2c5d

Alternatives to #1f2c5d

#1f2c5d Preview

Shades and Tints of #1f2c5d

Tones of #1f2c5d

Color Blindness Simulator