#1f546e hex color

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

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

● #1f546e color description : Very dark blue.

The hexadecimal color #1f546e has RGB values of R:31, G:84, B:110 and CMYK values of C:0.72, M:0.24, Y:0, K:0.57. Its decimal value is 2053230.

Hex triplet	1f546e	`#1f546e`
RGB Decimal	31, 84, 110	`rgb(31,84,110)`
RGB Percent	12.2, 32.9, 43.1	`rgb(12.2%,32.9%,43.1%)`
CMYK	72, 24, 0, 57
HSL	199.7°, 56, 27.6	`hsl(199.7,56%,27.6%)`
HSV (or HSB)	199.7°, 71.8, 43.1
Web Safe	336666	`#336666`

CIE-LAB	33.472, -8.258, -20.03
XYZ	6.549, 7.757, 15.903
xyY	0.217, 0.257, 7.757
CIE-LCH	33.472, 21.665, 247.594
CIE-LUV	33.472, -19.276, -25.736
Hunter-Lab	27.852, -6.768, -14.358
Binary	00011111, 01010100, 01101110

#1f546e
```
#1f546e rgb(31,84,110)
```
#6e391f
```
#6e391f rgb(110,57,31)
```

Complementary Color

#1f6e60
```
#1f6e60 rgb(31,110,96)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#1f2d6e
```
#1f2d6e rgb(31,45,110)
```

Analogous Color

#6e601f
```
#6e601f rgb(110,96,31)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#6e1f2d
```
#6e1f2d rgb(110,31,45)
```

Split Complementary Color

#546e1f
```
#546e1f rgb(84,110,31)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#6e1f54
```
#6e1f54 rgb(110,31,84)
```

Triadic Color

#1f6e39
```
#1f6e39 rgb(31,110,57)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#6e1f54
```
#6e1f54 rgb(110,31,84)
```
#6e391f
```
#6e391f rgb(110,57,31)
```

Tetradic Color

#0e2632
```
#0e2632 rgb(14,38,50)
```
#143646
```
#143646 rgb(20,54,70)
```
#19455a
```
#19455a rgb(25,69,90)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#256382
```
#256382 rgb(37,99,130)
```
#2a7296
```
#2a7296 rgb(42,114,150)
```
#3082aa
```
#3082aa rgb(48,130,170)
```

Monochromatic Color

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

#1f686e
```
#1f686e rgb(31,104,110)
```
#1f616e
```
#1f616e rgb(31,97,110)
```
#1f5b6e
```
#1f5b6e rgb(31,91,110)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#1f4d6e
```
#1f4d6e rgb(31,77,110)
```
#1f476e
```
#1f476e rgb(31,71,110)
```
#1f406e
```
#1f406e rgb(31,64,110)
```

Similar Colors

Text with hexadecimal color #1f546e

This text has a font color of #1f546e.

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

#1f546e background color

This paragraph has a background color of #1f546e.

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

#1f546e border color

This element has a border color of #1f546e.

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

CSS codes

.text {color:#1f546e;}

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

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

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 #f3f9fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#091a21
```
#091a21 rgb(9,26,33)
```
#0e2531
```
#0e2531 rgb(14,37,49)
```
#123140
```
#123140 rgb(18,49,64)
```
#163d4f
```
#163d4f rgb(22,61,79)
```
#1b485f
```
#1b485f rgb(27,72,95)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#23607d
```
#23607d rgb(35,96,125)
```
#286b8d
```
#286b8d rgb(40,107,141)
```
#2c779c
```
#2c779c rgb(44,119,156)
```
#3083ab
```
#3083ab rgb(48,131,171)
```
#358ebb
```
#358ebb rgb(53,142,187)
```

Shade Color Variation

#3b99c8
```
#3b99c8 rgb(59,153,200)
```
#4aa1cc
```
#4aa1cc rgb(74,161,204)
```
#5aa9d0
```
#5aa9d0 rgb(90,169,208)
```
#69b1d5
```
#69b1d5 rgb(105,177,213)
```
#78b9d9
```
#78b9d9 rgb(120,185,217)
```
#87c1dd
```
#87c1dd rgb(135,193,221)
```
#97c9e2
```
#97c9e2 rgb(151,201,226)
```
#a6d1e6
```
#a6d1e6 rgb(166,209,230)
```
#b5d9ea
```
#b5d9ea rgb(181,217,234)
```
#c5e1ef
```
#c5e1ef rgb(197,225,239)
```
#d4e9f3
```
#d4e9f3 rgb(212,233,243)
```
#e3f1f7
```
#e3f1f7 rgb(227,241,247)
```
#f3f9fb
```
#f3f9fb rgb(243,249,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 #045d89 is the most saturated one.

#454748
```
#454748 rgb(69,71,72)
```
#40494d
```
#40494d rgb(64,73,77)
```
#3a4b53
```
#3a4b53 rgb(58,75,83)
```
#354d58
```
#354d58 rgb(53,77,88)
```
#2f4e5e
```
#2f4e5e rgb(47,78,94)
```
#2a5063
```
#2a5063 rgb(42,80,99)
```
#245269
```
#245269 rgb(36,82,105)
```
#1f546e
```
#1f546e rgb(31,84,110)
```
#1a5673
```
#1a5673 rgb(26,86,115)
```
#145879
```
#145879 rgb(20,88,121)
```
#0f5a7e
```
#0f5a7e rgb(15,90,126)
```
#095b84
```
#095b84 rgb(9,91,132)
```
#045d89
```
#045d89 rgb(4,93,137)
```

Tone Color Variation

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

Dichromacy

#505671 Protanopia 1% of men
#4b5777 Deuteranopia 1% of men
#1e5f66 Tritanopia 0.001% of the population

Trichromacy

#3e5570 Protanomaly 1% of men, 0.01% of women
#3b5574 Deuteranomaly 6% of men, 0.4% of women
#1e5b69 Tritanomaly 0.01% of the population

#1f546e hex color

#1f546e Color Information

#1f546e Color Conversion

Color Schemes with #1f546e

Alternatives to #1f546e

#1f546e Preview

Shades and Tints of #1f546e

Tones of #1f546e

Color Blindness Simulator