#1f537c hex color

In a RGB color space, hex #1f537c is composed of 12.2% red, 32.5% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 33.1% magenta, 0% yellow and 51.4% black. It has a hue angle of 206.5 degrees, a saturation of 60% and a lightness of 30.4%. #1f537c color hex could be obtained by blending #3ea6f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 49
RGB color chart
- C 75
- M 33
- Y 0
- K 51
CMYK color chart

● #1f537c color description : Dark blue.

The hexadecimal color #1f537c has RGB values of R:31, G:83, B:124 and CMYK values of C:0.75, M:0.33, Y:0, K:0.51. Its decimal value is 2052988.

Hex triplet	1f537c	`#1f537c`
RGB Decimal	31, 83, 124	`rgb(31,83,124)`
RGB Percent	12.2, 32.5, 48.6	`rgb(12.2%,32.5%,48.6%)`
CMYK	75, 33, 0, 51
HSL	206.5°, 60, 30.4	`hsl(206.5,60%,30.4%)`
HSV (or HSB)	206.5°, 75, 48.6
Web Safe	336666	`#336666`

CIE-LAB	33.842, -2.343, -28.16
XYZ	7.296, 7.932, 20.214
xyY	0.206, 0.224, 7.932
CIE-LCH	33.842, 28.257, 265.243
CIE-LUV	33.842, -18.356, -38.014
Hunter-Lab	28.165, -3.051, -22.838
Binary	00011111, 01010011, 01111100

#1f537c
```
#1f537c rgb(31,83,124)
```
#7c481f
```
#7c481f rgb(124,72,31)
```

Complementary Color

#1f7c77
```
#1f7c77 rgb(31,124,119)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#1f257c
```
#1f257c rgb(31,37,124)
```

Analogous Color

#7c771f
```
#7c771f rgb(124,119,31)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#7c1f25
```
#7c1f25 rgb(124,31,37)
```

Split Complementary Color

#537c1f
```
#537c1f rgb(83,124,31)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#7c1f53
```
#7c1f53 rgb(124,31,83)
```

Triadic Color

#1f7c48
```
#1f7c48 rgb(31,124,72)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#7c1f53
```
#7c1f53 rgb(124,31,83)
```
#7c481f
```
#7c481f rgb(124,72,31)
```

Tetradic Color

#102a3f
```
#102a3f rgb(16,42,63)
```
#153853
```
#153853 rgb(21,56,83)
```
#1a4568
```
#1a4568 rgb(26,69,104)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#246190
```
#246190 rgb(36,97,144)
```
#296ea5
```
#296ea5 rgb(41,110,165)
```
#2e7cb9
```
#2e7cb9 rgb(46,124,185)
```

Monochromatic Color

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

#1f6a7c
```
#1f6a7c rgb(31,106,124)
```
#1f637c
```
#1f637c rgb(31,99,124)
```
#1f5b7c
```
#1f5b7c rgb(31,91,124)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#1f4b7c
```
#1f4b7c rgb(31,75,124)
```
#1f447c
```
#1f447c rgb(31,68,124)
```
#1f3c7c
```
#1f3c7c rgb(31,60,124)
```

Similar Colors

Text with hexadecimal color #1f537c

This text has a font color of #1f537c.

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

#1f537c background color

This paragraph has a background color of #1f537c.

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

#1f537c border color

This element has a border color of #1f537c.

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

CSS codes

.text {color:#1f537c;}

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

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

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, #04090e is the darkest color, while #fdfeff is the lightest one.

#04090e
```
#04090e rgb(4,9,14)
```
#07141e
```
#07141e rgb(7,20,30)
```
#0b1e2e
```
#0b1e2e rgb(11,30,46)
```
#0f293d
```
#0f293d rgb(15,41,61)
```
#13334d
```
#13334d rgb(19,51,77)
```
#173e5d
```
#173e5d rgb(23,62,93)
```
#1b486c
```
#1b486c rgb(27,72,108)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#235e8c
```
#235e8c rgb(35,94,140)
```
#27689b
```
#27689b rgb(39,104,155)
```
#2b73ab
```
#2b73ab rgb(43,115,171)
```
#2f7dbb
```
#2f7dbb rgb(47,125,187)
```
#3388ca
```
#3388ca rgb(51,136,202)
```

Shade Color Variation

#4191d0
```
#4191d0 rgb(65,145,208)
```
#519ad3
```
#519ad3 rgb(81,154,211)
```
#61a3d7
```
#61a3d7 rgb(97,163,215)
```
#70acdb
```
#70acdb rgb(112,172,219)
```
#80b5df
```
#80b5df rgb(128,181,223)
```
#90bee3
```
#90bee3 rgb(144,190,227)
```
#9fc7e7
```
#9fc7e7 rgb(159,199,231)
```
#afd1eb
```
#afd1eb rgb(175,209,235)
```
#bfdaef
```
#bfdaef rgb(191,218,239)
```
#cee3f3
```
#cee3f3 rgb(206,227,243)
```
#deecf7
```
#deecf7 rgb(222,236,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#494e52
```
#494e52 rgb(73,78,82)
```
#434f58
```
#434f58 rgb(67,79,88)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#375064
```
#375064 rgb(55,80,100)
```
#31516a
```
#31516a rgb(49,81,106)
```
#2b5270
```
#2b5270 rgb(43,82,112)
```
#255276
```
#255276 rgb(37,82,118)
```
#1f537c
```
#1f537c rgb(31,83,124)
```
#195482
```
#195482 rgb(25,84,130)
```
#135488
```
#135488 rgb(19,84,136)
```
#0d558e
```
#0d558e rgb(13,85,142)
```
#075694
```
#075694 rgb(7,86,148)
```
#01579a
```
#01579a rgb(1,87,154)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a577f Protanopia 1% of men
#405884 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#3a557e Protanomaly 1% of men, 0.01% of women
#345681 Deuteranomaly 6% of men, 0.4% of women
#0b5c6f Tritanomaly 0.01% of the population

#1f537c hex color

#1f537c Color Information

#1f537c Color Conversion

Color Schemes with #1f537c

Alternatives to #1f537c

#1f537c Preview

Shades and Tints of #1f537c

Tones of #1f537c

Color Blindness Simulator