#1f506e hex color

In a RGB color space, hex #1f506e is composed of 12.2% red, 31.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 27.3% magenta, 0% yellow and 56.9% black. It has a hue angle of 202.8 degrees, a saturation of 56% and a lightness of 27.6%. #1f506e color hex could be obtained by blending #3ea0dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 43
RGB color chart
- C 72
- M 27
- Y 0
- K 57
CMYK color chart

● #1f506e color description : Very dark blue.

The hexadecimal color #1f506e has RGB values of R:31, G:80, B:110 and CMYK values of C:0.72, M:0.27, Y:0, K:0.57. Its decimal value is 2052206.

Hex triplet	1f506e	`#1f506e`
RGB Decimal	31, 80, 110	`rgb(31,80,110)`
RGB Percent	12.2, 31.4, 43.1	`rgb(12.2%,31.4%,43.1%)`
CMYK	72, 27, 0, 57
HSL	202.8°, 56, 27.6	`hsl(202.8,56%,27.6%)`
HSV (or HSB)	202.8°, 71.8, 43.1
Web Safe	336666	`#336666`

CIE-LAB	32.155, -5.777, -22.079
XYZ	6.248, 7.154, 15.803
xyY	0.214, 0.245, 7.154
CIE-LCH	32.155, 22.822, 255.337
CIE-LUV	32.155, -17.802, -28.566
Hunter-Lab	26.747, -5.113, -16.307
Binary	00011111, 01010000, 01101110

#1f506e
```
#1f506e rgb(31,80,110)
```
#6e3d1f
```
#6e3d1f rgb(110,61,31)
```

Complementary Color

#1f6e65
```
#1f6e65 rgb(31,110,101)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#1f296e
```
#1f296e rgb(31,41,110)
```

Analogous Color

#6e651f
```
#6e651f rgb(110,101,31)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#6e1f29
```
#6e1f29 rgb(110,31,41)
```

Split Complementary Color

#506e1f
```
#506e1f rgb(80,110,31)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#6e1f50
```
#6e1f50 rgb(110,31,80)
```

Triadic Color

#1f6e3d
```
#1f6e3d rgb(31,110,61)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#6e1f50
```
#6e1f50 rgb(110,31,80)
```
#6e3d1f
```
#6e3d1f rgb(110,61,31)
```

Tetradic Color

#0e2532
```
#0e2532 rgb(14,37,50)
```
#143346
```
#143346 rgb(20,51,70)
```
#19425a
```
#19425a rgb(25,66,90)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#255e82
```
#255e82 rgb(37,94,130)
```
#2a6d96
```
#2a6d96 rgb(42,109,150)
```
#307baa
```
#307baa rgb(48,123,170)
```

Monochromatic Color

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

#1f646e
```
#1f646e rgb(31,100,110)
```
#1f5d6e
```
#1f5d6e rgb(31,93,110)
```
#1f576e
```
#1f576e rgb(31,87,110)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#1f496e
```
#1f496e rgb(31,73,110)
```
#1f436e
```
#1f436e rgb(31,67,110)
```
#1f3c6e
```
#1f3c6e rgb(31,60,110)
```

Similar Colors

Text with hexadecimal color #1f506e

This text has a font color of #1f506e.

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

#1f506e background color

This paragraph has a background color of #1f506e.

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

#1f506e border color

This element has a border color of #1f506e.

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

CSS codes

.text {color:#1f506e;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#091821
```
#091821 rgb(9,24,33)
```
#0e2331
```
#0e2331 rgb(14,35,49)
```
#122f40
```
#122f40 rgb(18,47,64)
```
#163a4f
```
#163a4f rgb(22,58,79)
```
#1b455f
```
#1b455f rgb(27,69,95)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#235b7d
```
#235b7d rgb(35,91,125)
```
#28668d
```
#28668d rgb(40,102,141)
```
#2c719c
```
#2c719c rgb(44,113,156)
```
#307dab
```
#307dab rgb(48,125,171)
```
#3588bb
```
#3588bb rgb(53,136,187)
```

Shade Color Variation

#3b92c8
```
#3b92c8 rgb(59,146,200)
```
#4a9bcc
```
#4a9bcc rgb(74,155,204)
```
#5aa3d0
```
#5aa3d0 rgb(90,163,208)
```
#69acd5
```
#69acd5 rgb(105,172,213)
```
#78b4d9
```
#78b4d9 rgb(120,180,217)
```
#87bddd
```
#87bddd rgb(135,189,221)
```
#97c5e2
```
#97c5e2 rgb(151,197,226)
```
#a6cee6
```
#a6cee6 rgb(166,206,230)
```
#b5d6ea
```
#b5d6ea rgb(181,214,234)
```
#c5dfef
```
#c5dfef rgb(197,223,239)
```
#d4e7f3
```
#d4e7f3 rgb(212,231,243)
```
#e3f0f7
```
#e3f0f7 rgb(227,240,247)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#454748
```
#454748 rgb(69,71,72)
```
#40484d
```
#40484d rgb(64,72,77)
```
#3a4953
```
#3a4953 rgb(58,73,83)
```
#354b58
```
#354b58 rgb(53,75,88)
```
#2f4c5e
```
#2f4c5e rgb(47,76,94)
```
#2a4d63
```
#2a4d63 rgb(42,77,99)
```
#244f69
```
#244f69 rgb(36,79,105)
```
#1f506e
```
#1f506e rgb(31,80,110)
```
#1a5173
```
#1a5173 rgb(26,81,115)
```
#145379
```
#145379 rgb(20,83,121)
```
#0f547e
```
#0f547e rgb(15,84,126)
```
#095584
```
#095584 rgb(9,85,132)
```
#045789
```
#045789 rgb(4,87,137)
```

Tone Color Variation

Below, you can see how #1f506e 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
#3d474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5371 Protanopia 1% of men
#455477 Deuteranopia 1% of men
#1b5c63 Tritanopia 0.001% of the population

Trichromacy

#3b5270 Protanomaly 1% of men, 0.01% of women
#375274 Deuteranomaly 6% of men, 0.4% of women
#1c5867 Tritanomaly 0.01% of the population

#1f506e hex color

#1f506e Color Information

#1f506e Color Conversion

Color Schemes with #1f506e

Alternatives to #1f506e

#1f506e Preview

Shades and Tints of #1f506e

Tones of #1f506e

Color Blindness Simulator