#1f696e hex color

In a RGB color space, hex #1f696e is composed of 12.2% red, 41.2% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 4.5% magenta, 0% yellow and 56.9% black. It has a hue angle of 183.8 degrees, a saturation of 56% and a lightness of 27.6%. #1f696e color hex could be obtained by blending #3ed2dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 41
- B 43
RGB color chart
- C 72
- M 5
- Y 0
- K 57
CMYK color chart

● #1f696e color description : Very dark cyan.

The hexadecimal color #1f696e has RGB values of R:31, G:105, B:110 and CMYK values of C:0.72, M:0.05, Y:0, K:0.57. Its decimal value is 2058606.

Hex triplet	1f696e	`#1f696e`
RGB Decimal	31, 105, 110	`rgb(31,105,110)`
RGB Percent	12.2, 41.2, 43.1	`rgb(12.2%,41.2%,43.1%)`
CMYK	72, 5, 0, 57
HSL	183.8°, 56, 27.6	`hsl(183.8,56%,27.6%)`
HSV (or HSB)	183.8°, 71.8, 43.1
Web Safe	336666	`#336666`

CIE-LAB	40.442, -20.302, -9.379
XYZ	8.43, 11.52, 16.53
xyY	0.231, 0.316, 11.52
CIE-LCH	40.442, 22.364, 204.796
CIE-LUV	40.442, -27.204, -10.074
Hunter-Lab	33.94, -15.059, -5.118
Binary	00011111, 01101001, 01101110

#1f696e
```
#1f696e rgb(31,105,110)
```
#6e241f
```
#6e241f rgb(110,36,31)
```

Complementary Color

#1f6e4c
```
#1f6e4c rgb(31,110,76)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#1f426e
```
#1f426e rgb(31,66,110)
```

Analogous Color

#6e4c1f
```
#6e4c1f rgb(110,76,31)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#6e1f42
```
#6e1f42 rgb(110,31,66)
```

Split Complementary Color

#696e1f
```
#696e1f rgb(105,110,31)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#6e1f69
```
#6e1f69 rgb(110,31,105)
```

Triadic Color

#1f6e24
```
#1f6e24 rgb(31,110,36)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#6e1f69
```
#6e1f69 rgb(110,31,105)
```
#6e241f
```
#6e241f rgb(110,36,31)
```

Tetradic Color

#0e3032
```
#0e3032 rgb(14,48,50)
```
#144346
```
#144346 rgb(20,67,70)
```
#19565a
```
#19565a rgb(25,86,90)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#257c82
```
#257c82 rgb(37,124,130)
```
#2a8f96
```
#2a8f96 rgb(42,143,150)
```
#30a2aa
```
#30a2aa rgb(48,162,170)
```

Monochromatic Color

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

#1f6e5f
```
#1f6e5f rgb(31,110,95)
```
#1f6e66
```
#1f6e66 rgb(31,110,102)
```
#1f6e6c
```
#1f6e6c rgb(31,110,108)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#1f626e
```
#1f626e rgb(31,98,110)
```
#1f5c6e
```
#1f5c6e rgb(31,92,110)
```
#1f556e
```
#1f556e rgb(31,85,110)
```

Similar Colors

Text with hexadecimal color #1f696e

This text has a font color of #1f696e.

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

#1f696e background color

This paragraph has a background color of #1f696e.

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

#1f696e border color

This element has a border color of #1f696e.

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

CSS codes

.text {color:#1f696e;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#092021
```
#092021 rgb(9,32,33)
```
#0e2f31
```
#0e2f31 rgb(14,47,49)
```
#123d40
```
#123d40 rgb(18,61,64)
```
#164c4f
```
#164c4f rgb(22,76,79)
```
#1b5a5f
```
#1b5a5f rgb(27,90,95)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#23787d
```
#23787d rgb(35,120,125)
```
#28868d
```
#28868d rgb(40,134,141)
```
#2c959c
```
#2c959c rgb(44,149,156)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#35b2bb
```
#35b2bb rgb(53,178,187)
```

Shade Color Variation

#3bbfc8
```
#3bbfc8 rgb(59,191,200)
```
#4ac4cc
```
#4ac4cc rgb(74,196,204)
```
#5ac9d0
```
#5ac9d0 rgb(90,201,208)
```
#69ced5
```
#69ced5 rgb(105,206,213)
```
#78d3d9
```
#78d3d9 rgb(120,211,217)
```
#87d8dd
```
#87d8dd rgb(135,216,221)
```
#97dde2
```
#97dde2 rgb(151,221,226)
```
#a6e2e6
```
#a6e2e6 rgb(166,226,230)
```
#b5e7ea
```
#b5e7ea rgb(181,231,234)
```
#c5ecef
```
#c5ecef rgb(197,236,239)
```
#d4f1f3
```
#d4f1f3 rgb(212,241,243)
```
#e3f6f7
```
#e3f6f7 rgb(227,246,247)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

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

#454848
```
#454848 rgb(69,72,72)
```
#404d4d
```
#404d4d rgb(64,77,77)
```
#3a5153
```
#3a5153 rgb(58,81,83)
```
#355658
```
#355658 rgb(53,86,88)
```
#2f5b5e
```
#2f5b5e rgb(47,91,94)
```
#2a6063
```
#2a6063 rgb(42,96,99)
```
#246469
```
#246469 rgb(36,100,105)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#1a6e73
```
#1a6e73 rgb(26,110,115)
```
#147279
```
#147279 rgb(20,114,121)
```
#0f777e
```
#0f777e rgb(15,119,126)
```
#097c84
```
#097c84 rgb(9,124,132)
```
#048189
```
#048189 rgb(4,129,137)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66666f Protanopia 1% of men
#676579 Deuteranopia 1% of men
#2c7078 Tritanopia 0.001% of the population

Trichromacy

#4c676f Protanomaly 1% of men, 0.01% of women
#4d6675 Deuteranomaly 6% of men, 0.4% of women
#276d74 Tritanomaly 0.01% of the population

#1f696e hex color

#1f696e Color Information

#1f696e Color Conversion

Color Schemes with #1f696e

Alternatives to #1f696e

#1f696e Preview

Shades and Tints of #1f696e

Tones of #1f696e

Color Blindness Simulator