#1f546b hex color

In a RGB color space, hex #1f546b is composed of 12.2% red, 32.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 21.5% magenta, 0% yellow and 58% black. It has a hue angle of 198.2 degrees, a saturation of 55.1% and a lightness of 27.1%. #1f546b color hex could be obtained by blending #3ea8d6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 42
RGB color chart
- C 71
- M 21
- Y 0
- K 58
CMYK color chart

● #1f546b color description : Very dark blue.

The hexadecimal color #1f546b has RGB values of R:31, G:84, B:107 and CMYK values of C:0.71, M:0.21, Y:0, K:0.58. Its decimal value is 2053227.

Hex triplet	1f546b	`#1f546b`
RGB Decimal	31, 84, 107	`rgb(31,84,107)`
RGB Percent	12.2, 32.9, 42	`rgb(12.2%,32.9%,42%)`
CMYK	71, 21, 0, 58
HSL	198.2°, 55.1, 27.1	`hsl(198.2,55.1%,27.1%)`
HSV (or HSB)	198.2°, 71, 42
Web Safe	336666	`#336666`

CIE-LAB	33.335, -9.357, -18.365
XYZ	6.389, 7.693, 15.057
xyY	0.219, 0.264, 7.693
CIE-LCH	33.335, 20.611, 243
CIE-LUV	33.335, -19.405, -23.242
Hunter-Lab	27.736, -7.424, -12.772
Binary	00011111, 01010100, 01101011

#1f546b
```
#1f546b rgb(31,84,107)
```
#6b361f
```
#6b361f rgb(107,54,31)
```

Complementary Color

#1f6b5c
```
#1f6b5c rgb(31,107,92)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#1f2e6b
```
#1f2e6b rgb(31,46,107)
```

Analogous Color

#6b5c1f
```
#6b5c1f rgb(107,92,31)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#6b1f2e
```
#6b1f2e rgb(107,31,46)
```

Split Complementary Color

#546b1f
```
#546b1f rgb(84,107,31)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#6b1f54
```
#6b1f54 rgb(107,31,84)
```

Triadic Color

#1f6b36
```
#1f6b36 rgb(31,107,54)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#6b1f54
```
#6b1f54 rgb(107,31,84)
```
#6b361f
```
#6b361f rgb(107,54,31)
```

Tetradic Color

#0e2530
```
#0e2530 rgb(14,37,48)
```
#143543
```
#143543 rgb(20,53,67)
```
#194457
```
#194457 rgb(25,68,87)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#25647f
```
#25647f rgb(37,100,127)
```
#2a7393
```
#2a7393 rgb(42,115,147)
```
#3083a6
```
#3083a6 rgb(48,131,166)
```

Monochromatic Color

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

#1f676b
```
#1f676b rgb(31,103,107)
```
#1f616b
```
#1f616b rgb(31,97,107)
```
#1f5a6b
```
#1f5a6b rgb(31,90,107)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#1f4e6b
```
#1f4e6b rgb(31,78,107)
```
#1f476b
```
#1f476b rgb(31,71,107)
```
#1f416b
```
#1f416b rgb(31,65,107)
```

Similar Colors

Text with hexadecimal color #1f546b

This text has a font color of #1f546b.

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

#1f546b background color

This paragraph has a background color of #1f546b.

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

#1f546b border color

This element has a border color of #1f546b.

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

CSS codes

.text {color:#1f546b;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#09181f
```
#09181f rgb(9,24,31)
```
#0d242e
```
#0d242e rgb(13,36,46)
```
#12303d
```
#12303d rgb(18,48,61)
```
#163c4d
```
#163c4d rgb(22,60,77)
```
#1b485c
```
#1b485c rgb(27,72,92)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#23607a
```
#23607a rgb(35,96,122)
```
#286c89
```
#286c89 rgb(40,108,137)
```
#2c7899
```
#2c7899 rgb(44,120,153)
```
#3184a8
```
#3184a8 rgb(49,132,168)
```
#3590b7
```
#3590b7 rgb(53,144,183)
```

Shade Color Variation

#3a9bc6
```
#3a9bc6 rgb(58,155,198)
```
#49a3ca
```
#49a3ca rgb(73,163,202)
```
#58abcf
```
#58abcf rgb(88,171,207)
```
#67b3d3
```
#67b3d3 rgb(103,179,211)
```
#77bad7
```
#77bad7 rgb(119,186,215)
```
#86c2dc
```
#86c2dc rgb(134,194,220)
```
#95cae0
```
#95cae0 rgb(149,202,224)
```
#a4d1e5
```
#a4d1e5 rgb(164,209,229)
```
#b3d9e9
```
#b3d9e9 rgb(179,217,233)
```
#c3e1ee
```
#c3e1ee rgb(195,225,238)
```
#d2e8f2
```
#d2e8f2 rgb(210,232,242)
```
#e1f0f6
```
#e1f0f6 rgb(225,240,246)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#444546
```
#444546 rgb(68,69,70)
```
#3f474b
```
#3f474b rgb(63,71,75)
```
#3a4a50
```
#3a4a50 rgb(58,74,80)
```
#344c56
```
#344c56 rgb(52,76,86)
```
#2f4e5b
```
#2f4e5b rgb(47,78,91)
```
#2a5060
```
#2a5060 rgb(42,80,96)
```
#245266
```
#245266 rgb(36,82,102)
```
#1f546b
```
#1f546b rgb(31,84,107)
```
#1a5670
```
#1a5670 rgb(26,86,112)
```
#145876
```
#145876 rgb(20,88,118)
```
#0f5a7b
```
#0f5a7b rgb(15,90,123)
```
#0a5c80
```
#0a5c80 rgb(10,92,128)
```
#045e86
```
#045e86 rgb(4,94,134)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#50566e Protanopia 1% of men
#4d5675 Deuteranopia 1% of men
#215f66 Tritanopia 0.001% of the population

Trichromacy

#3e556d Protanomaly 1% of men, 0.01% of women
#3c5571 Deuteranomaly 6% of men, 0.4% of women
#205b67 Tritanomaly 0.01% of the population

#1f546b hex color

#1f546b Color Information

#1f546b Color Conversion

Color Schemes with #1f546b

Alternatives to #1f546b

#1f546b Preview

Shades and Tints of #1f546b

Tones of #1f546b

Color Blindness Simulator