colorhexa.com

#1f505a hex color

In a RGB color space, hex #1f505a is composed of 12.2% red, 31.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 11.1% magenta, 0% yellow and 64.7% black. It has a hue angle of 190.2 degrees, a saturation of 48.8% and a lightness of 23.7%. #1f505a color hex could be obtained by blending #3ea0b4 with #000000. Closest websafe color is: #336666.

- R 12
- G 31
- B 35
RGB color chart
- C 66
- M 11
- Y 0
- K 65
CMYK color chart

● #1f505a color description : Very dark cyan.

The hexadecimal color #1f505a has RGB values of R:31, G:80, B:90 and CMYK values of C:0.66, M:0.11, Y:0, K:0.65. Its decimal value is 2052186.

Hex triplet	1f505a	`#1f505a`
RGB Decimal	31, 80, 90	`rgb(31,80,90)`
RGB Percent	12.2, 31.4, 35.3	`rgb(12.2%,31.4%,35.3%)`
CMYK	66, 11, 0, 65
HSL	190.2°, 48.8, 23.7	`hsl(190.2,48.8%,23.7%)`
HSV (or HSB)	190.2°, 65.6, 35.3
Web Safe	336666	`#336666`

CIE-LAB	31.269, -12.981, -10.796
XYZ	5.279, 6.766, 10.7
xyY	0.232, 0.297, 6.766
CIE-LCH	31.269, 16.883, 219.749
CIE-LUV	31.269, -18.617, -12.126
Hunter-Lab	26.012, -9.298, -6.18
Binary	00011111, 01010000, 01011010

#1f505a
```
#1f505a rgb(31,80,90)
```
#5a291f
```
#5a291f rgb(90,41,31)
```

Complementary Color

#1f5a47
```
#1f5a47 rgb(31,90,71)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#1f335a
```
#1f335a rgb(31,51,90)
```

Analogous Color

#5a471f
```
#5a471f rgb(90,71,31)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#5a1f33
```
#5a1f33 rgb(90,31,51)
```

Split Complementary Color

#0b1d21
```
#0b1d21 rgb(11,29,33)
```
#122e34
```
#122e34 rgb(18,46,52)
```
#183f47
```
#183f47 rgb(24,63,71)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#26616d
```
#26616d rgb(38,97,109)
```
#2c7280
```
#2c7280 rgb(44,114,128)
```
#338393
```
#338393 rgb(51,131,147)
```

Monochromatic Color

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

#1f5a55
```
#1f5a55 rgb(31,90,85)
```
#1f5a5a
```
#1f5a5a rgb(31,90,90)
```
#1f555a
```
#1f555a rgb(31,85,90)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#1f4b5a
```
#1f4b5a rgb(31,75,90)
```
#1f465a
```
#1f465a rgb(31,70,90)
```
#1f415a
```
#1f415a rgb(31,65,90)
```

Similar Colors

Text with hexadecimal color #1f505a

This text has a font color of #1f505a.

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

#1f505a background color

This paragraph has a background color of #1f505a.

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

#1f505a border color

This element has a border color of #1f505a.

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

CSS codes

.text {color:#1f505a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0b1c20
```
#0b1c20 rgb(11,28,32)
```
#10292e
```
#10292e rgb(16,41,46)
```
#15363d
```
#15363d rgb(21,54,61)
```
#1a434b
```
#1a434b rgb(26,67,75)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#245d69
```
#245d69 rgb(36,93,105)
```
#296a77
```
#296a77 rgb(41,106,119)
```
#2e7786
```
#2e7786 rgb(46,119,134)
```
#338494
```
#338494 rgb(51,132,148)
```
#3891a3
```
#3891a3 rgb(56,145,163)
```
#3d9eb2
```
#3d9eb2 rgb(61,158,178)
```

Shade Color Variation

#44aabf
```
#44aabf rgb(68,170,191)
```
#52b0c4
```
#52b0c4 rgb(82,176,196)
```
#61b7c9
```
#61b7c9 rgb(97,183,201)
```
#70bece
```
#70bece rgb(112,190,206)
```
#7ec4d3
```
#7ec4d3 rgb(126,196,211)
```
#8dcbd8
```
#8dcbd8 rgb(141,203,216)
```
#9bd2dd
```
#9bd2dd rgb(155,210,221)
```
#aad8e2
```
#aad8e2 rgb(170,216,226)
```
#b9dfe7
```
#b9dfe7 rgb(185,223,231)
```
#c7e6ec
```
#c7e6ec rgb(199,230,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e4f3f6
```
#e4f3f6 rgb(228,243,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#3b3e3e
```
#3b3e3e rgb(59,62,62)
```
#364143
```
#364143 rgb(54,65,67)
```
#324447
```
#324447 rgb(50,68,71)
```
#2d474c
```
#2d474c rgb(45,71,76)
```
#284a51
```
#284a51 rgb(40,74,81)
```
#244d55
```
#244d55 rgb(36,77,85)
```
#1f505a
```
#1f505a rgb(31,80,90)
```
#1a535f
```
#1a535f rgb(26,83,95)
```
#165663
```
#165663 rgb(22,86,99)
```
#115968
```
#115968 rgb(17,89,104)
```
#0c5c6d
```
#0c5c6d rgb(12,92,109)
```
#085f71
```
#085f71 rgb(8,95,113)
```
#036276
```
#036276 rgb(3,98,118)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b4547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50525e Protanopia 1% of men
#505165 Deuteranopia 1% of men
#295960 Tritanopia 0.001% of the population

Trichromacy

#3e515c Protanomaly 1% of men, 0.01% of women
#3e5061 Deuteranomaly 6% of men, 0.4% of women
#25565d Tritanomaly 0.01% of the population