#1f474e hex color

In a RGB color space, hex #1f474e is composed of 12.2% red, 27.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 9% magenta, 0% yellow and 69.4% black. It has a hue angle of 188.9 degrees, a saturation of 43.1% and a lightness of 21.4%. #1f474e color hex could be obtained by blending #3e8e9c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 31
RGB color chart
- C 60
- M 9
- Y 0
- K 69
CMYK color chart

● #1f474e color description : Very dark cyan.

The hexadecimal color #1f474e has RGB values of R:31, G:71, B:78 and CMYK values of C:0.6, M:0.09, Y:0, K:0.69. Its decimal value is 2049870.

Hex triplet	1f474e	`#1f474e`
RGB Decimal	31, 71, 78	`rgb(31,71,78)`
RGB Percent	12.2, 27.8, 30.6	`rgb(12.2%,27.8%,30.6%)`
CMYK	60, 9, 0, 69
HSL	188.9°, 43.1, 21.4	`hsl(188.9,43.1%,21.4%)`
HSV (or HSB)	188.9°, 60.3, 30.6
Web Safe	333366	`#333366`

CIE-LAB	27.703, -11.702, -8.482
XYZ	4.193, 5.348, 8.019
xyY	0.239, 0.305, 5.348
CIE-LCH	27.703, 14.453, 215.936
CIE-LUV	27.703, -15.558, -8.861
Hunter-Lab	23.125, -8.102, -4.372
Binary	00011111, 01000111, 01001110

#1f474e
```
#1f474e rgb(31,71,78)
```
#4e261f
```
#4e261f rgb(78,38,31)
```

Complementary Color

#1f4e3e
```
#1f4e3e rgb(31,78,62)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#1f304e
```
#1f304e rgb(31,48,78)
```

Analogous Color

#4e3e1f
```
#4e3e1f rgb(78,62,31)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#4e1f30
```
#4e1f30 rgb(78,31,48)
```

Split Complementary Color

#474e1f
```
#474e1f rgb(71,78,31)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#4e1f47
```
#4e1f47 rgb(78,31,71)
```

Triadic Color

#1f4e26
```
#1f4e26 rgb(31,78,38)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#4e1f47
```
#4e1f47 rgb(78,31,71)
```
#4e261f
```
#4e261f rgb(78,38,31)
```

Tetradic Color

#091517
```
#091517 rgb(9,21,23)
```
#10262a
```
#10262a rgb(16,38,42)
```
#18363c
```
#18363c rgb(24,54,60)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#265860
```
#265860 rgb(38,88,96)
```
#2e6872
```
#2e6872 rgb(46,104,114)
```
#357985
```
#357985 rgb(53,121,133)
```

Monochromatic Color

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

#1f4e49
```
#1f4e49 rgb(31,78,73)
```
#1f4e4d
```
#1f4e4d rgb(31,78,77)
```
#1f4b4e
```
#1f4b4e rgb(31,75,78)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#1f434e
```
#1f434e rgb(31,67,78)
```
#1f3f4e
```
#1f3f4e rgb(31,63,78)
```
#1f3b4e
```
#1f3b4e rgb(31,59,78)
```

Similar Colors

Text with hexadecimal color #1f474e

This text has a font color of #1f474e.

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

#1f474e background color

This paragraph has a background color of #1f474e.

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

#1f474e border color

This element has a border color of #1f474e.

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

CSS codes

.text {color:#1f474e;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091416
```
#091416 rgb(9,20,22)
```
#0e2124
```
#0e2124 rgb(14,33,36)
```
#142d32
```
#142d32 rgb(20,45,50)
```
#193a40
```
#193a40 rgb(25,58,64)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#25545c
```
#25545c rgb(37,84,92)
```
#2a616a
```
#2a616a rgb(42,97,106)
```
#306d78
```
#306d78 rgb(48,109,120)
```
#357a86
```
#357a86 rgb(53,122,134)
```
#3b8794
```
#3b8794 rgb(59,135,148)
```
#4094a2
```
#4094a2 rgb(64,148,162)
```
#46a0b0
```
#46a0b0 rgb(70,160,176)
```

Shade Color Variation

#50aaba
```
#50aaba rgb(80,170,186)
```
#5eb1bf
```
#5eb1bf rgb(94,177,191)
```
#6cb8c5
```
#6cb8c5 rgb(108,184,197)
```
#7abeca
```
#7abeca rgb(122,190,202)
```
#88c5d0
```
#88c5d0 rgb(136,197,208)
```
#97ccd5
```
#97ccd5 rgb(151,204,213)
```
#a5d3db
```
#a5d3db rgb(165,211,219)
```
#b3dae1
```
#b3dae1 rgb(179,218,225)
```
#c1e1e6
```
#c1e1e6 rgb(193,225,230)
```
#cfe7ec
```
#cfe7ec rgb(207,231,236)
```
#ddeef1
```
#ddeef1 rgb(221,238,241)
```
#ebf5f7
```
#ebf5f7 rgb(235,245,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#343839
```
#343839 rgb(52,56,57)
```
#303b3d
```
#303b3d rgb(48,59,61)
```
#2c3e41
```
#2c3e41 rgb(44,62,65)
```
#274146
```
#274146 rgb(39,65,70)
```
#23444a
```
#23444a rgb(35,68,74)
```
#1f474e
```
#1f474e rgb(31,71,78)
```
#1b4a52
```
#1b4a52 rgb(27,74,82)
```
#174d56
```
#174d56 rgb(23,77,86)
```
#12505b
```
#12505b rgb(18,80,91)
```
#0e535f
```
#0e535f rgb(14,83,95)
```
#0a5663
```
#0a5663 rgb(10,86,99)
```
#065967
```
#065967 rgb(6,89,103)
```
#025c6b
```
#025c6b rgb(2,92,107)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494a53 Protanopia 1% of men
#4a4959 Deuteranopia 1% of men
#2a5056 Tritanopia 0.001% of the population

Trichromacy

#3a4951 Protanomaly 1% of men, 0.01% of women
#3a4855 Deuteranomaly 6% of men, 0.4% of women
#264d53 Tritanomaly 0.01% of the population

#1f474e hex color

#1f474e Color Information

#1f474e Color Conversion

Color Schemes with #1f474e

Alternatives to #1f474e

#1f474e Preview

Shades and Tints of #1f474e

Tones of #1f474e

Color Blindness Simulator