#1f2a43 hex color

In a RGB color space, hex #1f2a43 is composed of 12.2% red, 16.5% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 37.3% magenta, 0% yellow and 73.7% black. It has a hue angle of 221.7 degrees, a saturation of 36.7% and a lightness of 19.2%. #1f2a43 color hex could be obtained by blending #3e5486 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 16
- B 26
RGB color chart
- C 54
- M 37
- Y 0
- K 74
CMYK color chart

● #1f2a43 color description : Very dark desaturated blue.

The hexadecimal color #1f2a43 has RGB values of R:31, G:42, B:67 and CMYK values of C:0.54, M:0.37, Y:0, K:0.74. Its decimal value is 2042435.

Hex triplet	1f2a43	`#1f2a43`
RGB Decimal	31, 42, 67	`rgb(31,42,67)`
RGB Percent	12.2, 16.5, 26.3	`rgb(12.2%,16.5%,26.3%)`
CMYK	54, 37, 0, 74
HSL	221.7°, 36.7, 19.2	`hsl(221.7,36.7%,19.2%)`
HSV (or HSB)	221.7°, 53.7, 26.3
Web Safe	333333	`#333333`

CIE-LAB	17.237, 3.544, -17.235
XYZ	2.406, 2.352, 5.637
xyY	0.231, 0.226, 2.352
CIE-LCH	17.237, 17.596, 281.62
CIE-LUV	17.237, -4.838, -18.062
Hunter-Lab	15.337, 1.16, -11.055
Binary	00011111, 00101010, 01000011

#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#43381f
```
#43381f rgb(67,56,31)
```

Complementary Color

#1f3c43
```
#1f3c43 rgb(31,60,67)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#261f43
```
#261f43 rgb(38,31,67)
```

Analogous Color

#3c431f
```
#3c431f rgb(60,67,31)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#43261f
```
#43261f rgb(67,38,31)
```

Split Complementary Color

#2a431f
```
#2a431f rgb(42,67,31)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#431f2a
```
#431f2a rgb(67,31,42)
```

Triadic Color

#1f4338
```
#1f4338 rgb(31,67,56)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#431f2a
```
#431f2a rgb(67,31,42)
```
#43381f
```
#43381f rgb(67,56,31)
```

Tetradic Color

#07090f
```
#07090f rgb(7,9,15)
```
#0f1420
```
#0f1420 rgb(15,20,32)
```
#171f32
```
#171f32 rgb(23,31,50)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#273554
```
#273554 rgb(39,53,84)
```
#2f4066
```
#2f4066 rgb(47,64,102)
```
#374b77
```
#374b77 rgb(55,75,119)
```

Monochromatic Color

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

#1f3343
```
#1f3343 rgb(31,51,67)
```
#1f3043
```
#1f3043 rgb(31,48,67)
```
#1f2d43
```
#1f2d43 rgb(31,45,67)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#1f2743
```
#1f2743 rgb(31,39,67)
```
#1f2443
```
#1f2443 rgb(31,36,67)
```
#1f2143
```
#1f2143 rgb(31,33,67)
```

Similar Colors

Text with hexadecimal color #1f2a43

This text has a font color of #1f2a43.

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

#1f2a43 background color

This paragraph has a background color of #1f2a43.

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

#1f2a43 border color

This element has a border color of #1f2a43.

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

CSS codes

.text {color:#1f2a43;}

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

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

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, #06080d is the darkest color, while #ffffff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c111b
```
#0c111b rgb(12,17,27)
```
#131928
```
#131928 rgb(19,25,40)
```
#192236
```
#192236 rgb(25,34,54)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#253250
```
#253250 rgb(37,50,80)
```
#2b3b5e
```
#2b3b5e rgb(43,59,94)
```
#32436b
```
#32436b rgb(50,67,107)
```
#384c79
```
#384c79 rgb(56,76,121)
```
#3e5486
```
#3e5486 rgb(62,84,134)
```
#445c93
```
#445c93 rgb(68,92,147)
```
#4a65a1
```
#4a65a1 rgb(74,101,161)
```
#516dae
```
#516dae rgb(81,109,174)
```

Shade Color Variation

#5e78b5
```
#5e78b5 rgb(94,120,181)
```
#6b84bb
```
#6b84bb rgb(107,132,187)
```
#798fc1
```
#798fc1 rgb(121,143,193)
```
#869ac7
```
#869ac7 rgb(134,154,199)
```
#94a5cd
```
#94a5cd rgb(148,165,205)
```
#a1b0d4
```
#a1b0d4 rgb(161,176,212)
```
#aebcda
```
#aebcda rgb(174,188,218)
```
#bcc7e0
```
#bcc7e0 rgb(188,199,224)
```
#c9d2e6
```
#c9d2e6 rgb(201,210,230)
```
#d7ddec
```
#d7ddec rgb(215,221,236)
```
#e4e9f3
```
#e4e9f3 rgb(228,233,243)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e3034 is the less saturated color, while #011e61 is the most saturated one.

#2e3034
```
#2e3034 rgb(46,48,52)
```
#2a2e38
```
#2a2e38 rgb(42,46,56)
```
#272d3b
```
#272d3b rgb(39,45,59)
```
#232b3f
```
#232b3f rgb(35,43,63)
```
#1f2a43
```
#1f2a43 rgb(31,42,67)
```
#1b2947
```
#1b2947 rgb(27,41,71)
```
#17274b
```
#17274b rgb(23,39,75)
```
#14264e
```
#14264e rgb(20,38,78)
```
#102452
```
#102452 rgb(16,36,82)
```
#0c2356
```
#0c2356 rgb(12,35,86)
```
#08215a
```
#08215a rgb(8,33,90)
```
#05205d
```
#05205d rgb(5,32,93)
```
#011e61
```
#011e61 rgb(1,30,97)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#282a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c344c Protanopia 1% of men
#2a354c Deuteranopia 1% of men
#24383c Tritanopia 0.001% of the population

Trichromacy

#273049 Protanomaly 1% of men, 0.01% of women
#263149 Deuteranomaly 6% of men, 0.4% of women
#22333e Tritanomaly 0.01% of the population

#1f2a43 hex color

#1f2a43 Color Information

#1f2a43 Color Conversion

Color Schemes with #1f2a43

Alternatives to #1f2a43

#1f2a43 Preview

Shades and Tints of #1f2a43

Tones of #1f2a43

Color Blindness Simulator