colorhexa.com

#1f3026 hex color

In a RGB color space, hex #1f3026 is composed of 12.2% red, 18.8% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 0% magenta, 20.8% yellow and 81.2% black. It has a hue angle of 144.7 degrees, a saturation of 21.5% and a lightness of 15.5%. #1f3026 color hex could be obtained by blending #3e604c with #000000. Closest websafe color is: #333333.

- R 12
- G 19
- B 15
RGB color chart
- C 35
- M 0
- Y 21
- K 81
CMYK color chart

● #1f3026 color description : Very dark (mostly black) cyan - lime green.

The hexadecimal color #1f3026 has RGB values of R:31, G:48, B:38 and CMYK values of C:0.35, M:0, Y:0.21, K:0.81. Its decimal value is 2043942.

Hex triplet	1f3026	`#1f3026`
RGB Decimal	31, 48, 38	`rgb(31,48,38)`
RGB Percent	12.2, 18.8, 14.9	`rgb(12.2%,18.8%,14.9%)`
CMYK	35, 0, 21, 81
HSL	144.7°, 21.5, 15.5	`hsl(144.7,21.5%,15.5%)`
HSV (or HSB)	144.7°, 35.4, 18.8
Web Safe	333333	`#333333`

CIE-LAB	18.121, -9.688, 4.184
XYZ	1.972, 2.545, 2.221
xyY	0.293, 0.378, 2.545
CIE-LCH	18.121, 10.553, 156.643
CIE-LUV	18.121, -6.914, 4.944
Hunter-Lab	15.953, -5.856, 2.913
Binary	00011111, 00110000, 00100110

#1f3026
```
#1f3026 rgb(31,48,38)
```
#301f29
```
#301f29 rgb(48,31,41)
```

Complementary Color

#21301f
```
#21301f rgb(33,48,31)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#1f302f
```
#1f302f rgb(31,48,47)
```

Analogous Color

#301f21
```
#301f21 rgb(48,31,33)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#2f1f30
```
#2f1f30 rgb(47,31,48)
```

Split Complementary Color

#010201
```
#010201 rgb(1,2,1)
```
#0b110d
```
#0b110d rgb(11,17,13)
```
#15211a
```
#15211a rgb(21,33,26)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#293f32
```
#293f32 rgb(41,63,50)
```
#334f3f
```
#334f3f rgb(51,79,63)
```
#3d5e4b
```
#3d5e4b rgb(61,94,75)
```

Monochromatic Color

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

#1f3022
```
#1f3022 rgb(31,48,34)
```
#1f3023
```
#1f3023 rgb(31,48,35)
```
#1f3025
```
#1f3025 rgb(31,48,37)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#1f3027
```
#1f3027 rgb(31,48,39)
```
#1f3029
```
#1f3029 rgb(31,48,41)
```
#1f302a
```
#1f302a rgb(31,48,42)
```

Similar Colors

Text with hexadecimal color #1f3026

This text has a font color of #1f3026.

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

#1f3026 background color

This paragraph has a background color of #1f3026.

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

#1f3026 border color

This element has a border color of #1f3026.

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

CSS codes

.text {color:#1f3026;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0a
```
#080c0a rgb(8,12,10)
```
#101813
```
#101813 rgb(16,24,19)
```
#17241d
```
#17241d rgb(23,36,29)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#273c2f
```
#273c2f rgb(39,60,47)
```
#2e4839
```
#2e4839 rgb(46,72,57)
```
#365442
```
#365442 rgb(54,84,66)
```
#3e604c
```
#3e604c rgb(62,96,76)
```
#456c55
```
#456c55 rgb(69,108,85)
```
#4d785f
```
#4d785f rgb(77,120,95)
```
#558368
```
#558368 rgb(85,131,104)
```
#5d8f71
```
#5d8f71 rgb(93,143,113)
```

Shade Color Variation

#649b7b
```
#649b7b rgb(100,155,123)
```
#70a385
```
#70a385 rgb(112,163,133)
```
#7cab8f
```
#7cab8f rgb(124,171,143)
```
#88b299
```
#88b299 rgb(136,178,153)
```
#94baa4
```
#94baa4 rgb(148,186,164)
```
#a0c2ae
```
#a0c2ae rgb(160,194,174)
```
#acc9b8
```
#acc9b8 rgb(172,201,184)
```
#b8d1c2
```
#b8d1c2 rgb(184,209,194)
```
#c4d9cc
```
#c4d9cc rgb(196,217,204)
```
#d0e0d7
```
#d0e0d7 rgb(208,224,215)
```
#dce8e1
```
#dce8e1 rgb(220,232,225)
```
#e7f0eb
```
#e7f0eb rgb(231,240,235)
```
#f3f8f5
```
#f3f8f5 rgb(243,248,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #252a27 is the less saturated color, while #014e21 is the most saturated one.

#252a27
```
#252a27 rgb(37,42,39)
```
#222d27
```
#222d27 rgb(34,45,39)
```
#1f3026
```
#1f3026 rgb(31,48,38)
```
#1c3325
```
#1c3325 rgb(28,51,37)
```
#193625
```
#193625 rgb(25,54,37)
```
#163924
```
#163924 rgb(22,57,36)
```
#133c24
```
#133c24 rgb(19,60,36)
```
#103f23
```
#103f23 rgb(16,63,35)
```
#0d4223
```
#0d4223 rgb(13,66,35)
```
#0a4522
```
#0a4522 rgb(10,69,34)
```
#074822
```
#074822 rgb(7,72,34)
```
#044b21
```
#044b21 rgb(4,75,33)
```
#014e21
```
#014e21 rgb(1,78,33)
```

Tone Color Variation

Below, you can see how #1f3026 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
#282b29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39372f Protanopia 1% of men
#3d3533 Deuteranopia 1% of men
#2d393d Tritanopia 0.001% of the population

Trichromacy

#30342c Protanomaly 1% of men, 0.01% of women
#32332e Deuteranomaly 6% of men, 0.4% of women
#283534 Tritanomaly 0.01% of the population