#1f767a hex color

In a RGB color space, hex #1f767a is composed of 12.2% red, 46.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 3.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 182.6 degrees, a saturation of 59.5% and a lightness of 30%. #1f767a color hex could be obtained by blending #3eecf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 46
- B 48
RGB color chart
- C 75
- M 3
- Y 0
- K 52
CMYK color chart

● #1f767a color description : Dark cyan.

The hexadecimal color #1f767a has RGB values of R:31, G:118, B:122 and CMYK values of C:0.75, M:0.03, Y:0, K:0.52. Its decimal value is 2061946.

Hex triplet	1f767a	`#1f767a`
RGB Decimal	31, 118, 122	`rgb(31,118,122)`
RGB Percent	12.2, 46.3, 47.8	`rgb(12.2%,46.3%,47.8%)`
CMYK	75, 3, 0, 52
HSL	182.6°, 59.5, 30	`hsl(182.6,59.5%,30%)`
HSV (or HSB)	182.6°, 74.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.154, -23.263, -9.531
XYZ	10.555, 14.652, 20.683
xyY	0.23, 0.319, 14.652
CIE-LCH	45.154, 25.139, 202.279
CIE-LUV	45.154, -31.369, -10.17
Hunter-Lab	38.278, -17.766, -5.242
Binary	00011111, 01110110, 01111010

#1f767a
```
#1f767a rgb(31,118,122)
```
#7a231f
```
#7a231f rgb(122,35,31)
```

Complementary Color

#1f7a50
```
#1f7a50 rgb(31,122,80)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#1f497a
```
#1f497a rgb(31,73,122)
```

Analogous Color

#7a501f
```
#7a501f rgb(122,80,31)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#7a1f49
```
#7a1f49 rgb(122,31,73)
```

Split Complementary Color

#767a1f
```
#767a1f rgb(118,122,31)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#7a1f76
```
#7a1f76 rgb(122,31,118)
```

Triadic Color

#1f7a23
```
#1f7a23 rgb(31,122,35)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#7a1f76
```
#7a1f76 rgb(122,31,118)
```
#7a231f
```
#7a231f rgb(122,35,31)
```

Tetradic Color

#103b3d
```
#103b3d rgb(16,59,61)
```
#154f51
```
#154f51 rgb(21,79,81)
```
#1a6266
```
#1a6266 rgb(26,98,102)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#248a8e
```
#248a8e rgb(36,138,142)
```
#299da3
```
#299da3 rgb(41,157,163)
```
#2fb1b7
```
#2fb1b7 rgb(47,177,183)
```

Monochromatic Color

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

#1f7a67
```
#1f7a67 rgb(31,122,103)
```
#1f7a6f
```
#1f7a6f rgb(31,122,111)
```
#1f7a76
```
#1f7a76 rgb(31,122,118)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#1f6e7a
```
#1f6e7a rgb(31,110,122)
```
#1f677a
```
#1f677a rgb(31,103,122)
```
#1f5f7a
```
#1f5f7a rgb(31,95,122)
```

Similar Colors

Text with hexadecimal color #1f767a

This text has a font color of #1f767a.

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

#1f767a background color

This paragraph has a background color of #1f767a.

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

#1f767a border color

This element has a border color of #1f767a.

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

CSS codes

.text {color:#1f767a;}

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

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

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, #030c0d is the darkest color, while #fcfefe is the lightest one.

#030c0d
```
#030c0d rgb(3,12,13)
```
#071b1c
```
#071b1c rgb(7,27,28)
```
#0b2a2c
```
#0b2a2c rgb(11,42,44)
```
#0f393b
```
#0f393b rgb(15,57,59)
```
#13494b
```
#13494b rgb(19,73,75)
```
#17585b
```
#17585b rgb(23,88,91)
```
#1b676a
```
#1b676a rgb(27,103,106)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#23858a
```
#23858a rgb(35,133,138)
```
#279499
```
#279499 rgb(39,148,153)
```
#2ba3a9
```
#2ba3a9 rgb(43,163,169)
```
#2fb3b9
```
#2fb3b9 rgb(47,179,185)
```
#33c2c8
```
#33c2c8 rgb(51,194,200)
```

Shade Color Variation

#40c8cf
```
#40c8cf rgb(64,200,207)
```
#50cdd2
```
#50cdd2 rgb(80,205,210)
```
#5fd1d6
```
#5fd1d6 rgb(95,209,214)
```
#6fd6da
```
#6fd6da rgb(111,214,218)
```
#7fdade
```
#7fdade rgb(127,218,222)
```
#8edfe2
```
#8edfe2 rgb(142,223,226)
```
#9ee3e6
```
#9ee3e6 rgb(158,227,230)
```
#aee8ea
```
#aee8ea rgb(174,232,234)
```
#bdecee
```
#bdecee rgb(189,236,238)
```
#cdf1f2
```
#cdf1f2 rgb(205,241,242)
```
#ddf5f6
```
#ddf5f6 rgb(221,245,246)
```
#ecfafa
```
#ecfafa rgb(236,250,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#485051
```
#485051 rgb(72,80,81)
```
#425657
```
#425657 rgb(66,86,87)
```
#3c5b5d
```
#3c5b5d rgb(60,91,93)
```
#376162
```
#376162 rgb(55,97,98)
```
#316668
```
#316668 rgb(49,102,104)
```
#2b6b6e
```
#2b6b6e rgb(43,107,110)
```
#257174
```
#257174 rgb(37,113,116)
```
#1f767a
```
#1f767a rgb(31,118,122)
```
#197b80
```
#197b80 rgb(25,123,128)
```
#138186
```
#138186 rgb(19,129,134)
```
#0d868c
```
#0d868c rgb(13,134,140)
```
#078b92
```
#078b92 rgb(7,139,146)
```
#029197
```
#029197 rgb(2,145,151)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72717a Protanopia 1% of men
#737085 Deuteranopia 1% of men
#2e7c85 Tritanopia 0.001% of the population

Trichromacy

#53737a Protanomaly 1% of men, 0.01% of women
#547281 Deuteranomaly 6% of men, 0.4% of women
#287a81 Tritanomaly 0.01% of the population

#1f767a hex color

#1f767a Color Information

#1f767a Color Conversion

Color Schemes with #1f767a

Alternatives to #1f767a

#1f767a Preview

Shades and Tints of #1f767a

Tones of #1f767a

Color Blindness Simulator