colorhexa.com

#1f3036 hex color

In a RGB color space, hex #1f3036 is composed of 12.2% red, 18.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 11.1% magenta, 0% yellow and 78.8% black. It has a hue angle of 195.7 degrees, a saturation of 27.1% and a lightness of 16.7%. #1f3036 color hex could be obtained by blending #3e606c with #000000. Closest websafe color is: #333333.

- R 12
- G 19
- B 21
RGB color chart
- C 43
- M 11
- Y 0
- K 79
CMYK color chart

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

The hexadecimal color #1f3036 has RGB values of R:31, G:48, B:54 and CMYK values of C:0.43, M:0.11, Y:0, K:0.79. Its decimal value is 2043958.

Hex triplet	1f3036	`#1f3036`
RGB Decimal	31, 48, 54	`rgb(31,48,54)`
RGB Percent	12.2, 18.8, 21.2	`rgb(12.2%,18.8%,21.2%)`
CMYK	43, 11, 0, 79
HSL	195.7°, 27.1, 16.7	`hsl(195.7,27.1%,16.7%)`
HSV (or HSB)	195.7°, 42.6, 21.2
Web Safe	333333	`#333333`

CIE-LAB	18.677, -5.106, -6.054
XYZ	2.288, 2.671, 3.885
xyY	0.259, 0.302, 2.671
CIE-LCH	18.677, 7.92, 229.859
CIE-LUV	18.677, -6.901, -5.636
Hunter-Lab	16.345, -3.619, -2.651
Binary	00011111, 00110000, 00110110

#1f3036
```
#1f3036 rgb(31,48,54)
```
#36251f
```
#36251f rgb(54,37,31)
```

Complementary Color

#1f3631
```
#1f3631 rgb(31,54,49)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#1f2536
```
#1f2536 rgb(31,37,54)
```

Analogous Color

#36311f
```
#36311f rgb(54,49,31)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#361f25
```
#361f25 rgb(54,31,37)
```

Split Complementary Color

#030505
```
#030505 rgb(3,5,5)
```
#0c1316
```
#0c1316 rgb(12,19,22)
```
#162226
```
#162226 rgb(22,34,38)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#283e46
```
#283e46 rgb(40,62,70)
```
#324d56
```
#324d56 rgb(50,77,86)
```
#3b5b67
```
#3b5b67 rgb(59,91,103)
```

Monochromatic Color

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

#1f3636
```
#1f3636 rgb(31,54,54)
```
#1f3436
```
#1f3436 rgb(31,52,54)
```
#1f3236
```
#1f3236 rgb(31,50,54)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#1f2e36
```
#1f2e36 rgb(31,46,54)
```
#1f2c36
```
#1f2c36 rgb(31,44,54)
```
#1f2a36
```
#1f2a36 rgb(31,42,54)
```

Similar Colors

Text with hexadecimal color #1f3036

This text has a font color of #1f3036.

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

#1f3036 background color

This paragraph has a background color of #1f3036.

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

#1f3036 border color

This element has a border color of #1f3036.

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

CSS codes

.text {color:#1f3036;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#0a0f11
```
#0a0f11 rgb(10,15,17)
```
#111a1d
```
#111a1d rgb(17,26,29)
```
#18252a
```
#18252a rgb(24,37,42)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#263b42
```
#263b42 rgb(38,59,66)
```
#2d464f
```
#2d464f rgb(45,70,79)
```
#34515b
```
#34515b rgb(52,81,91)
```
#3c5c68
```
#3c5c68 rgb(60,92,104)
```
#436774
```
#436774 rgb(67,103,116)
```
#4a7281
```
#4a7281 rgb(74,114,129)
```
#517e8d
```
#517e8d rgb(81,126,141)
```
#58899a
```
#58899a rgb(88,137,154)
```

Shade Color Variation

#6193a4
```
#6193a4 rgb(97,147,164)
```
#6e9bac
```
#6e9bac rgb(110,155,172)
```
#7aa4b3
```
#7aa4b3 rgb(122,164,179)
```
#87acba
```
#87acba rgb(135,172,186)
```
#93b5c1
```
#93b5c1 rgb(147,181,193)
```
#9fbec8
```
#9fbec8 rgb(159,190,200)
```
#acc6cf
```
#acc6cf rgb(172,198,207)
```
#b8cfd6
```
#b8cfd6 rgb(184,207,214)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#d1e0e5
```
#d1e0e5 rgb(209,224,229)
```
#dee8ec
```
#dee8ec rgb(222,232,236)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #292b2c is the less saturated color, while #023e53 is the most saturated one.

#292b2c
```
#292b2c rgb(41,43,44)
```
#262d2f
```
#262d2f rgb(38,45,47)
```
#222e33
```
#222e33 rgb(34,46,51)
```
#1f3036
```
#1f3036 rgb(31,48,54)
```
#1c3239
```
#1c3239 rgb(28,50,57)
```
#18333d
```
#18333d rgb(24,51,61)
```
#153540
```
#153540 rgb(21,53,64)
```
#123643
```
#123643 rgb(18,54,67)
```
#0f3846
```
#0f3846 rgb(15,56,70)
```
#0b394a
```
#0b394a rgb(11,57,74)
```
#083b4d
```
#083b4d rgb(8,59,77)
```
#053d50
```
#053d50 rgb(5,61,80)
```
#023e53
```
#023e53 rgb(2,62,83)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#292d2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#37373e Protanopia 1% of men
#383741 Deuteranopia 1% of men
#2a3a3f Tritanopia 0.001% of the population

Trichromacy

#2e353b Protanomaly 1% of men, 0.01% of women
#2f343d Deuteranomaly 6% of men, 0.4% of women
#26363b Tritanomaly 0.01% of the population