#1f2f30 hex color

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

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

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

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

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

CIE-LAB	18.088, -6.297, -2.783
XYZ	2.115, 2.538, 3.175
xyY	0.27, 0.324, 2.538
CIE-LCH	18.088, 6.885, 203.846
CIE-LUV	18.088, -6.498, -2.077
Hunter-Lab	15.93, -4.179, -0.664
Binary	00011111, 00101111, 00110000

#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#30201f
```
#30201f rgb(48,32,31)
```

Complementary Color

#1f3029
```
#1f3029 rgb(31,48,41)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#1f2730
```
#1f2730 rgb(31,39,48)
```

Analogous Color

#30291f
```
#30291f rgb(48,41,31)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#301f27
```
#301f27 rgb(48,31,39)
```

Split Complementary Color

#2f301f
```
#2f301f rgb(47,48,31)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#301f2f
```
#301f2f rgb(48,31,47)
```

Triadic Color

#1f3020
```
#1f3020 rgb(31,48,32)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#301f2f
```
#301f2f rgb(48,31,47)
```
#30201f
```
#30201f rgb(48,32,31)
```

Tetradic Color

#010102
```
#010102 rgb(1,1,2)
```
#0b1111
```
#0b1111 rgb(11,17,17)
```
#152021
```
#152021 rgb(21,32,33)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#293e3f
```
#293e3f rgb(41,62,63)
```
#334d4f
```
#334d4f rgb(51,77,79)
```
#3d5d5e
```
#3d5d5e rgb(61,93,94)
```

Monochromatic Color

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

#1f302d
```
#1f302d rgb(31,48,45)
```
#1f302e
```
#1f302e rgb(31,48,46)
```
#1f3030
```
#1f3030 rgb(31,48,48)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#1f2e30
```
#1f2e30 rgb(31,46,48)
```
#1f2c30
```
#1f2c30 rgb(31,44,48)
```
#1f2b30
```
#1f2b30 rgb(31,43,48)
```

Similar Colors

Text with hexadecimal color #1f2f30

This text has a font color of #1f2f30.

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

#1f2f30 background color

This paragraph has a background color of #1f2f30.

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

#1f2f30 border color

This element has a border color of #1f2f30.

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

CSS codes

.text {color:#1f2f30;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101818
```
#101818 rgb(16,24,24)
```
#172324
```
#172324 rgb(23,35,36)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#273b3c
```
#273b3c rgb(39,59,60)
```
#2e4648
```
#2e4648 rgb(46,70,72)
```
#365254
```
#365254 rgb(54,82,84)
```
#3e5e60
```
#3e5e60 rgb(62,94,96)
```
#45696c
```
#45696c rgb(69,105,108)
```
#4d7578
```
#4d7578 rgb(77,117,120)
```
#558183
```
#558183 rgb(85,129,131)
```
#5d8c8f
```
#5d8c8f rgb(93,140,143)
```

Shade Color Variation

#64989b
```
#64989b rgb(100,152,155)
```
#70a0a3
```
#70a0a3 rgb(112,160,163)
```
#7ca8ab
```
#7ca8ab rgb(124,168,171)
```
#88b0b2
```
#88b0b2 rgb(136,176,178)
```
#94b8ba
```
#94b8ba rgb(148,184,186)
```
#a0c0c2
```
#a0c0c2 rgb(160,192,194)
```
#acc8c9
```
#acc8c9 rgb(172,200,201)
```
#b8d0d1
```
#b8d0d1 rgb(184,208,209)
```
#c4d7d9
```
#c4d7d9 rgb(196,215,217)
```
#d0dfe0
```
#d0dfe0 rgb(208,223,224)
```
#dce7e8
```
#dce7e8 rgb(220,231,232)
```
#e7eff0
```
#e7eff0 rgb(231,239,240)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

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

#252a2a
```
#252a2a rgb(37,42,42)
```
#222c2d
```
#222c2d rgb(34,44,45)
```
#1f2f30
```
#1f2f30 rgb(31,47,48)
```
#1c3233
```
#1c3233 rgb(28,50,51)
```
#193436
```
#193436 rgb(25,52,54)
```
#163739
```
#163739 rgb(22,55,57)
```
#133a3c
```
#133a3c rgb(19,58,60)
```
#103c3f
```
#103c3f rgb(16,60,63)
```
#0d3f42
```
#0d3f42 rgb(13,63,66)
```
#0a4245
```
#0a4245 rgb(10,66,69)
```
#074448
```
#074448 rgb(7,68,72)
```
#04474b
```
#04474b rgb(4,71,75)
```
#014a4e
```
#014a4e rgb(1,74,78)
```

Tone Color Variation

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

Dichromacy

#373639 Protanopia 1% of men
#39353c Deuteranopia 1% of men
#2b393d Tritanopia 0.001% of the population

Trichromacy

#2e3435 Protanomaly 1% of men, 0.01% of women
#303337 Deuteranomaly 6% of men, 0.4% of women
#263538 Tritanomaly 0.01% of the population

#1f2f30 hex color

#1f2f30 Color Information

#1f2f30 Color Conversion

Color Schemes with #1f2f30

Alternatives to #1f2f30

#1f2f30 Preview

Shades and Tints of #1f2f30

Tones of #1f2f30

Color Blindness Simulator