#1f6056 hex color

In a RGB color space, hex #1f6056 is composed of 12.2% red, 37.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 0% magenta, 10.4% yellow and 62.4% black. It has a hue angle of 170.8 degrees, a saturation of 51.2% and a lightness of 24.9%. #1f6056 color hex could be obtained by blending #3ec0ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 38
- B 34
RGB color chart
- C 68
- M 0
- Y 10
- K 62
CMYK color chart

● #1f6056 color description : Very dark cyan.

The hexadecimal color #1f6056 has RGB values of R:31, G:96, B:86 and CMYK values of C:0.68, M:0, Y:0.1, K:0.62. Its decimal value is 2056278.

Hex triplet	1f6056	`#1f6056`
RGB Decimal	31, 96, 86	`rgb(31,96,86)`
RGB Percent	12.2, 37.6, 33.7	`rgb(12.2%,37.6%,33.7%)`
CMYK	68, 0, 10, 62
HSL	170.8°, 51.2, 24.9	`hsl(170.8,51.2%,24.9%)`
HSV (or HSB)	170.8°, 67.7, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.609, -23.061, -0.322
XYZ	6.427, 9.328, 10.265
xyY	0.247, 0.358, 9.328
CIE-LCH	36.609, 23.063, 180.799
CIE-LUV	36.609, -25.089, 2.66
Hunter-Lab	30.542, -15.887, 1.452
Binary	00011111, 01100000, 01010110

#1f6056
```
#1f6056 rgb(31,96,86)
```
#601f29
```
#601f29 rgb(96,31,41)
```

Complementary Color

#1f6036
```
#1f6036 rgb(31,96,54)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#1f4a60
```
#1f4a60 rgb(31,74,96)
```

Analogous Color

#60361f
```
#60361f rgb(96,54,31)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#601f4a
```
#601f4a rgb(96,31,74)
```

Split Complementary Color

#60561f
```
#60561f rgb(96,86,31)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#561f60
```
#561f60 rgb(86,31,96)
```

Triadic Color

#29601f
```
#29601f rgb(41,96,31)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#561f60
```
#561f60 rgb(86,31,96)
```
#601f29
```
#601f29 rgb(96,31,41)
```

Tetradic Color

#0c2622
```
#0c2622 rgb(12,38,34)
```
#133933
```
#133933 rgb(19,57,51)
```
#194d45
```
#194d45 rgb(25,77,69)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#257367
```
#257367 rgb(37,115,103)
```
#2b8779
```
#2b8779 rgb(43,135,121)
```
#329a8a
```
#329a8a rgb(50,154,138)
```

Monochromatic Color

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

#1f6046
```
#1f6046 rgb(31,96,70)
```
#1f604b
```
#1f604b rgb(31,96,75)
```
#1f6051
```
#1f6051 rgb(31,96,81)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#1f605b
```
#1f605b rgb(31,96,91)
```
#1f5f60
```
#1f5f60 rgb(31,95,96)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```

Similar Colors

Text with hexadecimal color #1f6056

This text has a font color of #1f6056.

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

#1f6056 background color

This paragraph has a background color of #1f6056.

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

#1f6056 border color

This element has a border color of #1f6056.

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

CSS codes

.text {color:#1f6056;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071614
```
#071614 rgb(7,22,20)
```
#0c2521
```
#0c2521 rgb(12,37,33)
```
#11342e
```
#11342e rgb(17,52,46)
```
#15423b
```
#15423b rgb(21,66,59)
```
#1a5149
```
#1a5149 rgb(26,81,73)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#246f63
```
#246f63 rgb(36,111,99)
```
#297e71
```
#297e71 rgb(41,126,113)
```
#2d8c7e
```
#2d8c7e rgb(45,140,126)
```
#329b8b
```
#329b8b rgb(50,155,139)
```
#37aa98
```
#37aa98 rgb(55,170,152)
```
#3cb9a6
```
#3cb9a6 rgb(60,185,166)
```

Shade Color Variation

#45c3b0
```
#45c3b0 rgb(69,195,176)
```
#54c8b6
```
#54c8b6 rgb(84,200,182)
```
#63cdbc
```
#63cdbc rgb(99,205,188)
```
#72d1c3
```
#72d1c3 rgb(114,209,195)
```
#81d6c9
```
#81d6c9 rgb(129,214,201)
```
#8fdbcf
```
#8fdbcf rgb(143,219,207)
```
#9ee0d6
```
#9ee0d6 rgb(158,224,214)
```
#ade5dc
```
#ade5dc rgb(173,229,220)
```
#bce9e2
```
#bce9e2 rgb(188,233,226)
```
#cbeee9
```
#cbeee9 rgb(203,238,233)
```
#daf3ef
```
#daf3ef rgb(218,243,239)
```
#e8f8f5
```
#e8f8f5 rgb(232,248,245)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#3c4342
```
#3c4342 rgb(60,67,66)
```
#374845
```
#374845 rgb(55,72,69)
```
#334c48
```
#334c48 rgb(51,76,72)
```
#2e514c
```
#2e514c rgb(46,81,76)
```
#29564f
```
#29564f rgb(41,86,79)
```
#245b53
```
#245b53 rgb(36,91,83)
```
#1f6056
```
#1f6056 rgb(31,96,86)
```
#1a6559
```
#1a6559 rgb(26,101,89)
```
#156a5d
```
#156a5d rgb(21,106,93)
```
#106f60
```
#106f60 rgb(16,111,96)
```
#0b7464
```
#0b7464 rgb(11,116,100)
```
#077867
```
#077867 rgb(7,120,103)
```
#027d6a
```
#027d6a rgb(2,125,106)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e59 Protanopia 1% of men
#655c63 Deuteranopia 1% of men
#32666d Tritanopia 0.001% of the population

Trichromacy

#495f58 Protanomaly 1% of men, 0.01% of women
#4c5d5e Deuteranomaly 6% of men, 0.4% of women
#2b6364 Tritanomaly 0.01% of the population

#1f6056 hex color

#1f6056 Color Information

#1f6056 Color Conversion

Color Schemes with #1f6056

Alternatives to #1f6056

#1f6056 Preview

Shades and Tints of #1f6056

Tones of #1f6056

Color Blindness Simulator