colorhexa.com

#1f5760 hex color

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

- R 12
- G 34
- B 38
RGB color chart
- C 68
- M 9
- Y 0
- K 62
CMYK color chart

● #1f5760 color description : Very dark cyan.

The hexadecimal color #1f5760 has RGB values of R:31, G:87, B:96 and CMYK values of C:0.68, M:0.09, Y:0, K:0.62. Its decimal value is 2053984.

Hex triplet	1f5760	`#1f5760`
RGB Decimal	31, 87, 96	`rgb(31,87,96)`
RGB Percent	12.2, 34.1, 37.6	`rgb(12.2%,34.1%,37.6%)`
CMYK	68, 9, 0, 62
HSL	188.3°, 51.2, 24.9	`hsl(188.3,51.2%,24.9%)`
HSV (or HSB)	188.3°, 67.7, 37.6
Web Safe	336666	`#336666`

CIE-LAB	33.882, -14.998, -10.625
XYZ	6.084, 7.952, 12.28
xyY	0.231, 0.302, 7.952
CIE-LCH	33.882, 18.381, 215.315
CIE-LUV	33.882, -21.055, -11.944
Hunter-Lab	28.199, -10.836, -6.08
Binary	00011111, 01010111, 01100000

#1f5760
```
#1f5760 rgb(31,87,96)
```
#60281f
```
#60281f rgb(96,40,31)
```

Complementary Color

#1f6049
```
#1f6049 rgb(31,96,73)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#1f3760
```
#1f3760 rgb(31,55,96)
```

Analogous Color

#60491f
```
#60491f rgb(96,73,31)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#601f37
```
#601f37 rgb(96,31,55)
```

Split Complementary Color

#0c2326
```
#0c2326 rgb(12,35,38)
```
#133439
```
#133439 rgb(19,52,57)
```
#19464d
```
#19464d rgb(25,70,77)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#256873
```
#256873 rgb(37,104,115)
```
#2b7a87
```
#2b7a87 rgb(43,122,135)
```
#328b9a
```
#328b9a rgb(50,139,154)
```

Monochromatic Color

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

#1f6059
```
#1f6059 rgb(31,96,89)
```
#1f605e
```
#1f605e rgb(31,96,94)
```
#1f5c60
```
#1f5c60 rgb(31,92,96)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#1f5260
```
#1f5260 rgb(31,82,96)
```
#1f4c60
```
#1f4c60 rgb(31,76,96)
```
#1f4760
```
#1f4760 rgb(31,71,96)
```

Similar Colors

Text with hexadecimal color #1f5760

This text has a font color of #1f5760.

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

#1f5760 background color

This paragraph has a background color of #1f5760.

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

#1f5760 border color

This element has a border color of #1f5760.

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

CSS codes

.text {color:#1f5760;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071416
```
#071416 rgb(7,20,22)
```
#0c2125
```
#0c2125 rgb(12,33,37)
```
#112f34
```
#112f34 rgb(17,47,52)
```
#153c42
```
#153c42 rgb(21,60,66)
```
#1a4a51
```
#1a4a51 rgb(26,74,81)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#24646f
```
#24646f rgb(36,100,111)
```
#29727e
```
#29727e rgb(41,114,126)
```
#2d7f8c
```
#2d7f8c rgb(45,127,140)
```
#328d9b
```
#328d9b rgb(50,141,155)
```
#379aaa
```
#379aaa rgb(55,154,170)
```
#3ca8b9
```
#3ca8b9 rgb(60,168,185)
```

Shade Color Variation

#45b2c3
```
#45b2c3 rgb(69,178,195)
```
#54b8c8
```
#54b8c8 rgb(84,184,200)
```
#63becd
```
#63becd rgb(99,190,205)
```
#72c4d1
```
#72c4d1 rgb(114,196,209)
```
#81cad6
```
#81cad6 rgb(129,202,214)
```
#8fd1db
```
#8fd1db rgb(143,209,219)
```
#9ed7e0
```
#9ed7e0 rgb(158,215,224)
```
#addde5
```
#addde5 rgb(173,221,229)
```
#bce3e9
```
#bce3e9 rgb(188,227,233)
```
#cbe9ee
```
#cbe9ee rgb(203,233,238)
```
#daeff3
```
#daeff3 rgb(218,239,243)
```
#e8f6f8
```
#e8f6f8 rgb(232,246,248)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#3c4243
```
#3c4243 rgb(60,66,67)
```
#374548
```
#374548 rgb(55,69,72)
```
#33494c
```
#33494c rgb(51,73,76)
```
#2e4c51
```
#2e4c51 rgb(46,76,81)
```
#295056
```
#295056 rgb(41,80,86)
```
#24535b
```
#24535b rgb(36,83,91)
```
#1f5760
```
#1f5760 rgb(31,87,96)
```
#1a5b65
```
#1a5b65 rgb(26,91,101)
```
#155e6a
```
#155e6a rgb(21,94,106)
```
#10626f
```
#10626f rgb(16,98,111)
```
#0b6574
```
#0b6574 rgb(11,101,116)
```
#076978
```
#076978 rgb(7,105,120)
```
#026c7d
```
#026c7d rgb(2,108,125)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#565863 Protanopia 1% of men
#57576b Deuteranopia 1% of men
#295f66 Tritanopia 0.001% of the population

Trichromacy

#425762 Protanomaly 1% of men, 0.01% of women
#425767 Deuteranomaly 6% of men, 0.4% of women
#255c64 Tritanomaly 0.01% of the population