#1f302f hex color

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

♥
- f
- t
- g
- R 12
- G 19
- B 18
RGB color chart
- C 35
- M 0
- Y 2
- K 81
CMYK color chart

● #1f302f color description : Very dark (mostly black) cyan.

The hexadecimal color #1f302f has RGB values of R:31, G:48, B:47 and CMYK values of C:0.35, M:0, Y:0.02, K:0.81. Its decimal value is 2043951.

Hex triplet	1f302f	`#1f302f`
RGB Decimal	31, 48, 47	`rgb(31,48,47)`
RGB Percent	12.2, 18.8, 18.4	`rgb(12.2%,18.8%,18.4%)`
CMYK	35, 0, 2, 81
HSL	176.5°, 21.5, 15.5	`hsl(176.5,21.5%,15.5%)`
HSV (or HSB)	176.5°, 35.4, 18.8
Web Safe	333333	`#333333`

CIE-LAB	18.411, -7.245, -1.614
XYZ	2.135, 2.61, 3.081
xyY	0.273, 0.334, 2.61
CIE-LCH	18.411, 7.422, 192.557
CIE-LUV	18.411, -6.902, -0.818
Hunter-Lab	16.157, -4.687, 0.005
Binary	00011111, 00110000, 00101111

#1f302f
```
#1f302f rgb(31,48,47)
```
#301f20
```
#301f20 rgb(48,31,32)
```

Complementary Color

#1f3027
```
#1f3027 rgb(31,48,39)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#1f2930
```
#1f2930 rgb(31,41,48)
```

Analogous Color

#30271f
```
#30271f rgb(48,39,31)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#301f29
```
#301f29 rgb(48,31,41)
```

Split Complementary Color

#302f1f
```
#302f1f rgb(48,47,31)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#2f1f30
```
#2f1f30 rgb(47,31,48)
```

Triadic Color

#20301f
```
#20301f rgb(32,48,31)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#2f1f30
```
#2f1f30 rgb(47,31,48)
```
#301f20
```
#301f20 rgb(48,31,32)
```

Tetradic Color

#010201
```
#010201 rgb(1,2,1)
```
#0b1111
```
#0b1111 rgb(11,17,17)
```
#152120
```
#152120 rgb(21,33,32)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#293f3e
```
#293f3e rgb(41,63,62)
```
#334f4d
```
#334f4d rgb(51,79,77)
```
#3d5e5d
```
#3d5e5d rgb(61,94,93)
```

Monochromatic Color

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

#1f302b
```
#1f302b rgb(31,48,43)
```
#1f302c
```
#1f302c rgb(31,48,44)
```
#1f302e
```
#1f302e rgb(31,48,46)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#1f3030
```
#1f3030 rgb(31,48,48)
```
#1f2e30
```
#1f2e30 rgb(31,46,48)
```
#1f2d30
```
#1f2d30 rgb(31,45,48)
```

Similar Colors

Text with hexadecimal color #1f302f

This text has a font color of #1f302f.

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

#1f302f background color

This paragraph has a background color of #1f302f.

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

#1f302f border color

This element has a border color of #1f302f.

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

CSS codes

.text {color:#1f302f;}

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

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

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 #f3f8f7 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101818
```
#101818 rgb(16,24,24)
```
#172423
```
#172423 rgb(23,36,35)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#273c3b
```
#273c3b rgb(39,60,59)
```
#2e4846
```
#2e4846 rgb(46,72,70)
```
#365452
```
#365452 rgb(54,84,82)
```
#3e605e
```
#3e605e rgb(62,96,94)
```
#456c69
```
#456c69 rgb(69,108,105)
```
#4d7875
```
#4d7875 rgb(77,120,117)
```
#558381
```
#558381 rgb(85,131,129)
```
#5d8f8c
```
#5d8f8c rgb(93,143,140)
```

Shade Color Variation

#649b98
```
#649b98 rgb(100,155,152)
```
#70a3a0
```
#70a3a0 rgb(112,163,160)
```
#7caba8
```
#7caba8 rgb(124,171,168)
```
#88b2b0
```
#88b2b0 rgb(136,178,176)
```
#94bab8
```
#94bab8 rgb(148,186,184)
```
#a0c2c0
```
#a0c2c0 rgb(160,194,192)
```
#acc9c8
```
#acc9c8 rgb(172,201,200)
```
#b8d1d0
```
#b8d1d0 rgb(184,209,208)
```
#c4d9d7
```
#c4d9d7 rgb(196,217,215)
```
#d0e0df
```
#d0e0df rgb(208,224,223)
```
#dce8e7
```
#dce8e7 rgb(220,232,231)
```
#e7f0ef
```
#e7f0ef rgb(231,240,239)
```
#f3f8f7
```
#f3f8f7 rgb(243,248,247)
```

Tint Color Variation

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

#252a2a
```
#252a2a rgb(37,42,42)
```
#222d2c
```
#222d2c rgb(34,45,44)
```
#1f302f
```
#1f302f rgb(31,48,47)
```
#1c3332
```
#1c3332 rgb(28,51,50)
```
#193634
```
#193634 rgb(25,54,52)
```
#163937
```
#163937 rgb(22,57,55)
```
#133c3a
```
#133c3a rgb(19,60,58)
```
#103f3c
```
#103f3c rgb(16,63,60)
```
#0d423f
```
#0d423f rgb(13,66,63)
```
#0a4542
```
#0a4542 rgb(10,69,66)
```
#074844
```
#074844 rgb(7,72,68)
```
#044b47
```
#044b47 rgb(4,75,71)
```
#014e4a
```
#014e4a rgb(1,78,74)
```

Tone Color Variation

Below, you can see how #1f302f 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
#292c2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#383738 Protanopia 1% of men
#3b363b Deuteranopia 1% of men
#2b3a3e Tritanopia 0.001% of the population

Trichromacy

#2f3434 Protanomaly 1% of men, 0.01% of women
#313436 Deuteranomaly 6% of men, 0.4% of women
#273638 Tritanomaly 0.01% of the population

#1f302f hex color

#1f302f Color Information

#1f302f Color Conversion

Color Schemes with #1f302f

Alternatives to #1f302f

#1f302f Preview

Shades and Tints of #1f302f

Tones of #1f302f

Color Blindness Simulator