#1f4f64 hex color

In a RGB color space, hex #1f4f64 is composed of 12.2% red, 31% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 21% magenta, 0% yellow and 60.8% black. It has a hue angle of 198.3 degrees, a saturation of 52.7% and a lightness of 25.7%. #1f4f64 color hex could be obtained by blending #3e9ec8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 39
RGB color chart
- C 69
- M 21
- Y 0
- K 61
CMYK color chart

● #1f4f64 color description : Very dark blue.

The hexadecimal color #1f4f64 has RGB values of R:31, G:79, B:100 and CMYK values of C:0.69, M:0.21, Y:0, K:0.61. Its decimal value is 2051940.

Hex triplet	1f4f64	`#1f4f64`
RGB Decimal	31, 79, 100	`rgb(31,79,100)`
RGB Percent	12.2, 31, 39.2	`rgb(12.2%,31%,39.2%)`
CMYK	69, 21, 0, 61
HSL	198.3°, 52.7, 25.7	`hsl(198.3,52.7%,25.7%)`
HSV (or HSB)	198.3°, 69, 39.2
Web Safe	336666	`#336666`

CIE-LAB	31.354, -8.852, -17.015
XYZ	5.661, 6.803, 13.071
xyY	0.222, 0.266, 6.803
CIE-LCH	31.354, 19.18, 242.516
CIE-LUV	31.354, -17.82, -21.03
Hunter-Lab	26.082, -6.904, -11.454
Binary	00011111, 01001111, 01100100

#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#64341f
```
#64341f rgb(100,52,31)
```

Complementary Color

#1f6456
```
#1f6456 rgb(31,100,86)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#1f2d64
```
#1f2d64 rgb(31,45,100)
```

Analogous Color

#64561f
```
#64561f rgb(100,86,31)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#641f2d
```
#641f2d rgb(100,31,45)
```

Split Complementary Color

#4f641f
```
#4f641f rgb(79,100,31)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#641f4f
```
#641f4f rgb(100,31,79)
```

Triadic Color

#1f6434
```
#1f6434 rgb(31,100,52)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#641f4f
```
#641f4f rgb(100,31,79)
```
#64341f
```
#64341f rgb(100,52,31)
```

Tetradic Color

#0d212a
```
#0d212a rgb(13,33,42)
```
#13303d
```
#13303d rgb(19,48,61)
```
#194051
```
#194051 rgb(25,64,81)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#255e77
```
#255e77 rgb(37,94,119)
```
#2b6e8b
```
#2b6e8b rgb(43,110,139)
```
#317d9e
```
#317d9e rgb(49,125,158)
```

Monochromatic Color

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

#1f6064
```
#1f6064 rgb(31,96,100)
```
#1f5b64
```
#1f5b64 rgb(31,91,100)
```
#1f5564
```
#1f5564 rgb(31,85,100)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#1f4964
```
#1f4964 rgb(31,73,100)
```
#1f4464
```
#1f4464 rgb(31,68,100)
```
#1f3e64
```
#1f3e64 rgb(31,62,100)
```

Similar Colors

Text with hexadecimal color #1f4f64

This text has a font color of #1f4f64.

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

#1f4f64 background color

This paragraph has a background color of #1f4f64.

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

#1f4f64 border color

This element has a border color of #1f4f64.

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

CSS codes

.text {color:#1f4f64;}

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

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

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, #03080a is the darkest color, while #fafcfe is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#081419
```
#081419 rgb(8,20,25)
```
#0c2028
```
#0c2028 rgb(12,32,40)
```
#112c37
```
#112c37 rgb(17,44,55)
```
#163746
```
#163746 rgb(22,55,70)
```
#1a4355
```
#1a4355 rgb(26,67,85)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#245b73
```
#245b73 rgb(36,91,115)
```
#286782
```
#286782 rgb(40,103,130)
```
#2d7291
```
#2d7291 rgb(45,114,145)
```
#327ea0
```
#327ea0 rgb(50,126,160)
```
#368aaf
```
#368aaf rgb(54,138,175)
```
#3b96be
```
#3b96be rgb(59,150,190)
```

Shade Color Variation

#479fc6
```
#479fc6 rgb(71,159,198)
```
#55a7ca
```
#55a7ca rgb(85,167,202)
```
#64afcf
```
#64afcf rgb(100,175,207)
```
#73b6d4
```
#73b6d4 rgb(115,182,212)
```
#82bed8
```
#82bed8 rgb(130,190,216)
```
#91c6dd
```
#91c6dd rgb(145,198,221)
```
#a0cee2
```
#a0cee2 rgb(160,206,226)
```
#afd6e6
```
#afd6e6 rgb(175,214,230)
```
#beddeb
```
#beddeb rgb(190,221,235)
```
#cde5f0
```
#cde5f0 rgb(205,229,240)
```
#dcedf4
```
#dcedf4 rgb(220,237,244)
```
#ebf5f9
```
#ebf5f9 rgb(235,245,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#3d4346
```
#3d4346 rgb(61,67,70)
```
#38454b
```
#38454b rgb(56,69,75)
```
#334750
```
#334750 rgb(51,71,80)
```
#2e4955
```
#2e4955 rgb(46,73,85)
```
#294b5a
```
#294b5a rgb(41,75,90)
```
#244d5f
```
#244d5f rgb(36,77,95)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#1a5169
```
#1a5169 rgb(26,81,105)
```
#15536e
```
#15536e rgb(21,83,110)
```
#105573
```
#105573 rgb(16,85,115)
```
#0b5778
```
#0b5778 rgb(11,87,120)
```
#06597d
```
#06597d rgb(6,89,125)
```
#015b82
```
#015b82 rgb(1,91,130)
```

Tone Color Variation

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

Dichromacy

#4d5268 Protanopia 1% of men
#4a526e Deuteranopia 1% of men
#235a60 Tritanopia 0.001% of the population

Trichromacy

#3c5166 Protanomaly 1% of men, 0.01% of women
#3a516a Deuteranomaly 6% of men, 0.4% of women
#215662 Tritanomaly 0.01% of the population

#1f4f64 hex color

#1f4f64 Color Information

#1f4f64 Color Conversion

Color Schemes with #1f4f64

Alternatives to #1f4f64

#1f4f64 Preview

Shades and Tints of #1f4f64

Tones of #1f4f64

Color Blindness Simulator