#1f505b hex color

In a RGB color space, hex #1f505b is composed of 12.2% red, 31.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 12.1% magenta, 0% yellow and 64.3% black. It has a hue angle of 191 degrees, a saturation of 49.2% and a lightness of 23.9%. #1f505b color hex could be obtained by blending #3ea0b6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 36
RGB color chart
- C 66
- M 12
- Y 0
- K 64
CMYK color chart

● #1f505b color description : Very dark cyan.

The hexadecimal color #1f505b has RGB values of R:31, G:80, B:91 and CMYK values of C:0.66, M:0.12, Y:0, K:0.64. Its decimal value is 2052187.

Hex triplet	1f505b	`#1f505b`
RGB Decimal	31, 80, 91	`rgb(31,80,91)`
RGB Percent	12.2, 31.4, 35.7	`rgb(12.2%,31.4%,35.7%)`
CMYK	66, 12, 0, 64
HSL	191°, 49.2, 23.9	`hsl(191,49.2%,23.9%)`
HSV (or HSB)	191°, 65.9, 35.7
Web Safe	336666	`#336666`

CIE-LAB	31.309, -12.638, -11.371
XYZ	5.322, 6.784, 10.926
xyY	0.231, 0.295, 6.784
CIE-LCH	31.309, 17.001, 221.98
CIE-LUV	31.309, -18.574, -12.939
Hunter-Lab	26.045, -9.108, -6.64
Binary	00011111, 01010000, 01011011

#1f505b
```
#1f505b rgb(31,80,91)
```
#5b2a1f
```
#5b2a1f rgb(91,42,31)
```

Complementary Color

#1f5b48
```
#1f5b48 rgb(31,91,72)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#1f325b
```
#1f325b rgb(31,50,91)
```

Analogous Color

#5b481f
```
#5b481f rgb(91,72,31)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#5b1f32
```
#5b1f32 rgb(91,31,50)
```

Split Complementary Color

#505b1f
```
#505b1f rgb(80,91,31)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#5b1f50
```
#5b1f50 rgb(91,31,80)
```

Triadic Color

#1f5b2a
```
#1f5b2a rgb(31,91,42)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#5b1f50
```
#5b1f50 rgb(91,31,80)
```
#5b2a1f
```
#5b2a1f rgb(91,42,31)
```

Tetradic Color

#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#122f35
```
#122f35 rgb(18,47,53)
```
#193f48
```
#193f48 rgb(25,63,72)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#25616e
```
#25616e rgb(37,97,110)
```
#2c7181
```
#2c7181 rgb(44,113,129)
```
#328294
```
#328294 rgb(50,130,148)
```

Monochromatic Color

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

#1f5b57
```
#1f5b57 rgb(31,91,87)
```
#1f5a5b
```
#1f5a5b rgb(31,90,91)
```
#1f555b
```
#1f555b rgb(31,85,91)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#1f4b5b
```
#1f4b5b rgb(31,75,91)
```
#1f465b
```
#1f465b rgb(31,70,91)
```
#1f415b
```
#1f415b rgb(31,65,91)
```

Similar Colors

Text with hexadecimal color #1f505b

This text has a font color of #1f505b.

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

#1f505b background color

This paragraph has a background color of #1f505b.

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

#1f505b border color

This element has a border color of #1f505b.

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

CSS codes

.text {color:#1f505b;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1d20
```
#0b1d20 rgb(11,29,32)
```
#10292f
```
#10292f rgb(16,41,47)
```
#15363e
```
#15363e rgb(21,54,62)
```
#1a434c
```
#1a434c rgb(26,67,76)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#245d6a
```
#245d6a rgb(36,93,106)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#2e7787
```
#2e7787 rgb(46,119,135)
```
#338396
```
#338396 rgb(51,131,150)
```
#3890a4
```
#3890a4 rgb(56,144,164)
```
#3d9db3
```
#3d9db3 rgb(61,157,179)
```

Shade Color Variation

#44a9bf
```
#44a9bf rgb(68,169,191)
```
#53afc4
```
#53afc4 rgb(83,175,196)
```
#61b6c9
```
#61b6c9 rgb(97,182,201)
```
#70bdce
```
#70bdce rgb(112,189,206)
```
#7fc4d3
```
#7fc4d3 rgb(127,196,211)
```
#8dcad8
```
#8dcad8 rgb(141,202,216)
```
#9cd1dd
```
#9cd1dd rgb(156,209,221)
```
#aad8e2
```
#aad8e2 rgb(170,216,226)
```
#b9dfe7
```
#b9dfe7 rgb(185,223,231)
```
#c8e5ec
```
#c8e5ec rgb(200,229,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e5f3f6
```
#e5f3f6 rgb(229,243,246)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#3b3e3f
```
#3b3e3f rgb(59,62,63)
```
#364144
```
#364144 rgb(54,65,68)
```
#324448
```
#324448 rgb(50,68,72)
```
#2d474d
```
#2d474d rgb(45,71,77)
```
#284a52
```
#284a52 rgb(40,74,82)
```
#244d56
```
#244d56 rgb(36,77,86)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#1a5360
```
#1a5360 rgb(26,83,96)
```
#165664
```
#165664 rgb(22,86,100)
```
#115969
```
#115969 rgb(17,89,105)
```
#0c5c6e
```
#0c5c6e rgb(12,92,110)
```
#085f72
```
#085f72 rgb(8,95,114)
```
#036277
```
#036277 rgb(3,98,119)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3c4648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50525f Protanopia 1% of men
#505166 Deuteranopia 1% of men
#285960 Tritanopia 0.001% of the population

Trichromacy

#3e515d Protanomaly 1% of men, 0.01% of women
#3e5162 Deuteranomaly 6% of men, 0.4% of women
#25565e Tritanomaly 0.01% of the population

#1f505b hex color

#1f505b Color Information

#1f505b Color Conversion

Color Schemes with #1f505b

Alternatives to #1f505b

#1f505b Preview

Shades and Tints of #1f505b

Tones of #1f505b

Color Blindness Simulator