colorhexa.com

#1f2c43 hex color

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

- R 12
- G 17
- B 26
RGB color chart
- C 54
- M 34
- Y 0
- K 74
CMYK color chart

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

The hexadecimal color #1f2c43 has RGB values of R:31, G:44, B:67 and CMYK values of C:0.54, M:0.34, Y:0, K:0.74. Its decimal value is 2042947.

Hex triplet	1f2c43	`#1f2c43`
RGB Decimal	31, 44, 67	`rgb(31,44,67)`
RGB Percent	12.2, 17.3, 26.3	`rgb(12.2%,17.3%,26.3%)`
CMYK	54, 34, 0, 74
HSL	218.3°, 36.7, 19.2	`hsl(218.3,36.7%,19.2%)`
HSV (or HSB)	218.3°, 53.7, 26.3
Web Safe	333333	`#333333`

CIE-LAB	17.909, 2.115, -16.185
XYZ	2.479, 2.498, 5.661
xyY	0.233, 0.235, 2.498
CIE-LCH	17.909, 16.322, 277.445
CIE-LUV	17.909, -5.514, -17.103
Hunter-Lab	15.804, 0.337, -10.175
Binary	00011111, 00101100, 01000011

#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#43361f
```
#43361f rgb(67,54,31)
```

Complementary Color

#1f3e43
```
#1f3e43 rgb(31,62,67)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#241f43
```
#241f43 rgb(36,31,67)
```

Analogous Color

#3e431f
```
#3e431f rgb(62,67,31)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#43241f
```
#43241f rgb(67,36,31)
```

Split Complementary Color

#070a0f
```
#070a0f rgb(7,10,15)
```
#0f1520
```
#0f1520 rgb(15,21,32)
```
#172132
```
#172132 rgb(23,33,50)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#273754
```
#273754 rgb(39,55,84)
```
#2f4366
```
#2f4366 rgb(47,67,102)
```
#374e77
```
#374e77 rgb(55,78,119)
```

Monochromatic Color

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

#1f3543
```
#1f3543 rgb(31,53,67)
```
#1f3243
```
#1f3243 rgb(31,50,67)
```
#1f2f43
```
#1f2f43 rgb(31,47,67)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#1f2943
```
#1f2943 rgb(31,41,67)
```
#1f2643
```
#1f2643 rgb(31,38,67)
```
#1f2343
```
#1f2343 rgb(31,35,67)
```

Similar Colors

Text with hexadecimal color #1f2c43

This text has a font color of #1f2c43.

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

#1f2c43 background color

This paragraph has a background color of #1f2c43.

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

#1f2c43 border color

This element has a border color of #1f2c43.

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

CSS codes

.text {color:#1f2c43;}

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

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

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

#06090d
```
#06090d rgb(6,9,13)
```
#0c121b
```
#0c121b rgb(12,18,27)
```
#131a28
```
#131a28 rgb(19,26,40)
```
#192336
```
#192336 rgb(25,35,54)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#253550
```
#253550 rgb(37,53,80)
```
#2b3e5e
```
#2b3e5e rgb(43,62,94)
```
#32466b
```
#32466b rgb(50,70,107)
```
#384f79
```
#384f79 rgb(56,79,121)
```
#3e5886
```
#3e5886 rgb(62,88,134)
```
#446193
```
#446193 rgb(68,97,147)
```
#4a6aa1
```
#4a6aa1 rgb(74,106,161)
```
#5172ae
```
#5172ae rgb(81,114,174)
```

Shade Color Variation

#5e7db5
```
#5e7db5 rgb(94,125,181)
```
#6b88bb
```
#6b88bb rgb(107,136,187)
```
#7993c1
```
#7993c1 rgb(121,147,193)
```
#869ec7
```
#869ec7 rgb(134,158,199)
```
#94a8cd
```
#94a8cd rgb(148,168,205)
```
#a1b3d4
```
#a1b3d4 rgb(161,179,212)
```
#aebeda
```
#aebeda rgb(174,190,218)
```
#bcc9e0
```
#bcc9e0 rgb(188,201,224)
```
#c9d4e6
```
#c9d4e6 rgb(201,212,230)
```
#d7dfec
```
#d7dfec rgb(215,223,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 #012461 is the most saturated one.

#2e3034
```
#2e3034 rgb(46,48,52)
```
#2a2f38
```
#2a2f38 rgb(42,47,56)
```
#272e3b
```
#272e3b rgb(39,46,59)
```
#232d3f
```
#232d3f rgb(35,45,63)
```
#1f2c43
```
#1f2c43 rgb(31,44,67)
```
#1b2b47
```
#1b2b47 rgb(27,43,71)
```
#172a4b
```
#172a4b rgb(23,42,75)
```
#14294e
```
#14294e rgb(20,41,78)
```
#102852
```
#102852 rgb(16,40,82)
```
#0c2756
```
#0c2756 rgb(12,39,86)
```
#08265a
```
#08265a rgb(8,38,90)
```
#05255d
```
#05255d rgb(5,37,93)
```
#012461
```
#012461 rgb(1,36,97)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#292b30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f364c Protanopia 1% of men
#2d364d Deuteranopia 1% of men
#25393e Tritanopia 0.001% of the population

Trichromacy

#293248 Protanomaly 1% of men, 0.01% of women
#273249 Deuteranomaly 6% of men, 0.4% of women
#22343f Tritanomaly 0.01% of the population