#1f5a60 hex color

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

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

● #1f5a60 color description : Very dark cyan.

The hexadecimal color #1f5a60 has RGB values of R:31, G:90, B:96 and CMYK values of C:0.68, M:0.06, Y:0, K:0.62. Its decimal value is 2054752.

Hex triplet	1f5a60	`#1f5a60`
RGB Decimal	31, 90, 96	`rgb(31,90,96)`
RGB Percent	12.2, 35.3, 37.6	`rgb(12.2%,35.3%,37.6%)`
CMYK	68, 6, 0, 62
HSL	185.5°, 51.2, 24.9	`hsl(185.5,51.2%,24.9%)`
HSV (or HSB)	185.5°, 67.7, 37.6
Web Safe	336666	`#336666`

CIE-LAB	34.898, -16.697, -9.09
XYZ	6.332, 8.448, 12.363
xyY	0.233, 0.311, 8.448
CIE-LCH	34.898, 19.011, 208.563
CIE-LUV	34.898, -22.217, -9.736
Hunter-Lab	29.065, -11.976, -4.873
Binary	00011111, 01011010, 01100000

#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#60251f
```
#60251f rgb(96,37,31)
```

Complementary Color

#1f6046
```
#1f6046 rgb(31,96,70)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```

Analogous Color

#60461f
```
#60461f rgb(96,70,31)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#601f3a
```
#601f3a rgb(96,31,58)
```

Split Complementary Color

#5a601f
```
#5a601f rgb(90,96,31)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#601f5a
```
#601f5a rgb(96,31,90)
```

Triadic Color

#1f6025
```
#1f6025 rgb(31,96,37)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#601f5a
```
#601f5a rgb(96,31,90)
```
#60251f
```
#60251f rgb(96,37,31)
```

Tetradic Color

#0c2426
```
#0c2426 rgb(12,36,38)
```
#133639
```
#133639 rgb(19,54,57)
```
#19484d
```
#19484d rgb(25,72,77)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#256c73
```
#256c73 rgb(37,108,115)
```
#2b7e87
```
#2b7e87 rgb(43,126,135)
```
#32909a
```
#32909a rgb(50,144,154)
```

Monochromatic Color

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

#1f6056
```
#1f6056 rgb(31,96,86)
```
#1f605b
```
#1f605b rgb(31,96,91)
```
#1f5f60
```
#1f5f60 rgb(31,95,96)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#1f5560
```
#1f5560 rgb(31,85,96)
```
#1f4f60
```
#1f4f60 rgb(31,79,96)
```
#1f4a60
```
#1f4a60 rgb(31,74,96)
```

Similar Colors

Text with hexadecimal color #1f5a60

This text has a font color of #1f5a60.

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

#1f5a60 background color

This paragraph has a background color of #1f5a60.

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

#1f5a60 border color

This element has a border color of #1f5a60.

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

CSS codes

.text {color:#1f5a60;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071416
```
#071416 rgb(7,20,22)
```
#0c2225
```
#0c2225 rgb(12,34,37)
```
#113034
```
#113034 rgb(17,48,52)
```
#153e42
```
#153e42 rgb(21,62,66)
```
#1a4c51
```
#1a4c51 rgb(26,76,81)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#24686f
```
#24686f rgb(36,104,111)
```
#29767e
```
#29767e rgb(41,118,126)
```
#2d848c
```
#2d848c rgb(45,132,140)
```
#32929b
```
#32929b rgb(50,146,155)
```
#37a0aa
```
#37a0aa rgb(55,160,170)
```
#3cadb9
```
#3cadb9 rgb(60,173,185)
```

Shade Color Variation

#45b7c3
```
#45b7c3 rgb(69,183,195)
```
#54bdc8
```
#54bdc8 rgb(84,189,200)
```
#63c3cd
```
#63c3cd rgb(99,195,205)
```
#72c9d1
```
#72c9d1 rgb(114,201,209)
```
#81ced6
```
#81ced6 rgb(129,206,214)
```
#8fd4db
```
#8fd4db rgb(143,212,219)
```
#9edae0
```
#9edae0 rgb(158,218,224)
```
#addfe5
```
#addfe5 rgb(173,223,229)
```
#bce5e9
```
#bce5e9 rgb(188,229,233)
```
#cbebee
```
#cbebee rgb(203,235,238)
```
#daf1f3
```
#daf1f3 rgb(218,241,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 #02727d is the most saturated one.

#3c4243
```
#3c4243 rgb(60,66,67)
```
#374648
```
#374648 rgb(55,70,72)
```
#334a4c
```
#334a4c rgb(51,74,76)
```
#2e4e51
```
#2e4e51 rgb(46,78,81)
```
#295256
```
#295256 rgb(41,82,86)
```
#24565b
```
#24565b rgb(36,86,91)
```
#1f5a60
```
#1f5a60 rgb(31,90,96)
```
#1a5e65
```
#1a5e65 rgb(26,94,101)
```
#15626a
```
#15626a rgb(21,98,106)
```
#10666f
```
#10666f rgb(16,102,111)
```
#0b6a74
```
#0b6a74 rgb(11,106,116)
```
#076e78
```
#076e78 rgb(7,110,120)
```
#02727d
```
#02727d rgb(2,114,125)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#595a63 Protanopia 1% of men
#5a596b Deuteranopia 1% of men
#2b6269 Tritanopia 0.001% of the population

Trichromacy

#445a62 Protanomaly 1% of men, 0.01% of women
#455967 Deuteranomaly 6% of men, 0.4% of women
#265f66 Tritanomaly 0.01% of the population

#1f5a60 hex color

#1f5a60 Color Information

#1f5a60 Color Conversion

Color Schemes with #1f5a60

Alternatives to #1f5a60

#1f5a60 Preview

Shades and Tints of #1f5a60

Tones of #1f5a60

Color Blindness Simulator