#1f535e hex color

In a RGB color space, hex #1f535e is composed of 12.2% red, 32.5% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 11.7% magenta, 0% yellow and 63.1% black. It has a hue angle of 190.5 degrees, a saturation of 50.4% and a lightness of 24.5%. #1f535e color hex could be obtained by blending #3ea6bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 37
RGB color chart
- C 67
- M 12
- Y 0
- K 63
CMYK color chart

● #1f535e color description : Very dark cyan.

The hexadecimal color #1f535e has RGB values of R:31, G:83, B:94 and CMYK values of C:0.67, M:0.12, Y:0, K:0.63. Its decimal value is 2052958.

Hex triplet	1f535e	`#1f535e`
RGB Decimal	31, 83, 94	`rgb(31,83,94)`
RGB Percent	12.2, 32.5, 36.9	`rgb(12.2%,32.5%,36.9%)`
CMYK	67, 12, 0, 63
HSL	190.5°, 50.4, 24.5	`hsl(190.5,50.4%,24.5%)`
HSV (or HSB)	190.5°, 67, 36.9
Web Safe	336666	`#336666`

CIE-LAB	32.448, -13.368, -11.541
XYZ	5.678, 7.286, 11.696
xyY	0.23, 0.295, 7.286
CIE-LCH	32.448, 17.661, 220.806
CIE-LUV	32.448, -19.603, -13.224
Hunter-Lab	26.992, -9.685, -6.797
Binary	00011111, 01010011, 01011110

#1f535e
```
#1f535e rgb(31,83,94)
```
#5e2a1f
```
#5e2a1f rgb(94,42,31)
```

Complementary Color

#1f5e4a
```
#1f5e4a rgb(31,94,74)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#1f345e
```
#1f345e rgb(31,52,94)
```

Analogous Color

#5e4a1f
```
#5e4a1f rgb(94,74,31)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#5e1f34
```
#5e1f34 rgb(94,31,52)
```

Split Complementary Color

#535e1f
```
#535e1f rgb(83,94,31)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#5e1f53
```
#5e1f53 rgb(94,31,83)
```

Triadic Color

#1f5e2a
```
#1f5e2a rgb(31,94,42)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#5e1f53
```
#5e1f53 rgb(94,31,83)
```
#5e2a1f
```
#5e2a1f rgb(94,42,31)
```

Tetradic Color

#0c2024
```
#0c2024 rgb(12,32,36)
```
#123138
```
#123138 rgb(18,49,56)
```
#19424b
```
#19424b rgb(25,66,75)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#256471
```
#256471 rgb(37,100,113)
```
#2c7584
```
#2c7584 rgb(44,117,132)
```
#328698
```
#328698 rgb(50,134,152)
```

Monochromatic Color

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

#1f5e59
```
#1f5e59 rgb(31,94,89)
```
#1f5e5e
```
#1f5e5e rgb(31,94,94)
```
#1f585e
```
#1f585e rgb(31,88,94)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#1f4e5e
```
#1f4e5e rgb(31,78,94)
```
#1f495e
```
#1f495e rgb(31,73,94)
```
#1f435e
```
#1f435e rgb(31,67,94)
```

Similar Colors

Text with hexadecimal color #1f535e

This text has a font color of #1f535e.

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

#1f535e background color

This paragraph has a background color of #1f535e.

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

#1f535e border color

This element has a border color of #1f535e.

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

CSS codes

.text {color:#1f535e;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071214
```
#071214 rgb(7,18,20)
```
#0c1f23
```
#0c1f23 rgb(12,31,35)
```
#102c32
```
#102c32 rgb(16,44,50)
```
#153940
```
#153940 rgb(21,57,64)
```
#1a464f
```
#1a464f rgb(26,70,79)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#24606d
```
#24606d rgb(36,96,109)
```
#296d7c
```
#296d7c rgb(41,109,124)
```
#2e7a8a
```
#2e7a8a rgb(46,122,138)
```
#328799
```
#328799 rgb(50,135,153)
```
#3794a8
```
#3794a8 rgb(55,148,168)
```
#3ca1b7
```
#3ca1b7 rgb(60,161,183)
```

Shade Color Variation

#45acc2
```
#45acc2 rgb(69,172,194)
```
#53b2c6
```
#53b2c6 rgb(83,178,198)
```
#62b9cb
```
#62b9cb rgb(98,185,203)
```
#71c0d0
```
#71c0d0 rgb(113,192,208)
```
#80c6d5
```
#80c6d5 rgb(128,198,213)
```
#8ecdda
```
#8ecdda rgb(142,205,218)
```
#9dd3df
```
#9dd3df rgb(157,211,223)
```
#acdae4
```
#acdae4 rgb(172,218,228)
```
#bbe1e8
```
#bbe1e8 rgb(187,225,232)
```
#c9e7ed
```
#c9e7ed rgb(201,231,237)
```
#d8eef2
```
#d8eef2 rgb(216,238,242)
```
#e7f4f7
```
#e7f4f7 rgb(231,244,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#3c4041
```
#3c4041 rgb(60,64,65)
```
#374346
```
#374346 rgb(55,67,70)
```
#32464b
```
#32464b rgb(50,70,75)
```
#2d4a50
```
#2d4a50 rgb(45,74,80)
```
#294d54
```
#294d54 rgb(41,77,84)
```
#245059
```
#245059 rgb(36,80,89)
```
#1f535e
```
#1f535e rgb(31,83,94)
```
#1a5663
```
#1a5663 rgb(26,86,99)
```
#155968
```
#155968 rgb(21,89,104)
```
#115c6c
```
#115c6c rgb(17,92,108)
```
#0c6071
```
#0c6071 rgb(12,96,113)
```
#076376
```
#076376 rgb(7,99,118)
```
#02667b
```
#02667b rgb(2,102,123)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d484a Atypical Achromatopsia 0.001% of the population

Dichromacy

#535462 Protanopia 1% of men
#525469 Deuteranopia 1% of men
#285c63 Tritanopia 0.001% of the population

Trichromacy

#405460 Protanomaly 1% of men, 0.01% of women
#3f5365 Deuteranomaly 6% of men, 0.4% of women
#255961 Tritanomaly 0.01% of the population

#1f535e hex color

#1f535e Color Information

#1f535e Color Conversion

Color Schemes with #1f535e

Alternatives to #1f535e

#1f535e Preview

Shades and Tints of #1f535e

Tones of #1f535e

Color Blindness Simulator