#1f5b7d hex color

In a RGB color space, hex #1f5b7d is composed of 12.2% red, 35.7% green and 49% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 27.2% magenta, 0% yellow and 51% black. It has a hue angle of 201.7 degrees, a saturation of 60.3% and a lightness of 30.6%. #1f5b7d color hex could be obtained by blending #3eb6fa with #000000. Closest websafe color is: #336666.

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

● #1f5b7d color description : Dark blue.

The hexadecimal color #1f5b7d has RGB values of R:31, G:91, B:125 and CMYK values of C:0.75, M:0.27, Y:0, K:0.51. Its decimal value is 2055037.

Hex triplet	1f5b7d	`#1f5b7d`
RGB Decimal	31, 91, 125	`rgb(31,91,125)`
RGB Percent	12.2, 35.7, 49	`rgb(12.2%,35.7%,49%)`
CMYK	75, 27, 0, 51
HSL	201.7°, 60.3, 30.6	`hsl(201.7,60.3%,30.6%)`
HSV (or HSB)	201.7°, 75.2, 49
Web Safe	336666	`#336666`

CIE-LAB	36.468, -6.969, -24.659
XYZ	8.007, 9.253, 20.765
xyY	0.211, 0.243, 9.253
CIE-LCH	36.468, 25.625, 254.219
CIE-LUV	36.468, -21.179, -33.214
Hunter-Lab	30.42, -6.25, -19.179
Binary	00011111, 01011011, 01111101

#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#7d411f
```
#7d411f rgb(125,65,31)
```

Complementary Color

#1f7d70
```
#1f7d70 rgb(31,125,112)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#1f2c7d
```
#1f2c7d rgb(31,44,125)
```

Analogous Color

#7d701f
```
#7d701f rgb(125,112,31)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#7d1f2c
```
#7d1f2c rgb(125,31,44)
```

Split Complementary Color

#5b7d1f
```
#5b7d1f rgb(91,125,31)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#7d1f5b
```
#7d1f5b rgb(125,31,91)
```

Triadic Color

#1f7d41
```
#1f7d41 rgb(31,125,65)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#7d1f5b
```
#7d1f5b rgb(125,31,91)
```
#7d411f
```
#7d411f rgb(125,65,31)
```

Tetradic Color

#102e40
```
#102e40 rgb(16,46,64)
```
#153d54
```
#153d54 rgb(21,61,84)
```
#1a4c69
```
#1a4c69 rgb(26,76,105)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#246a91
```
#246a91 rgb(36,106,145)
```
#2979a6
```
#2979a6 rgb(41,121,166)
```
#2e88ba
```
#2e88ba rgb(46,136,186)
```

Monochromatic Color

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

#1f737d
```
#1f737d rgb(31,115,125)
```
#1f6b7d
```
#1f6b7d rgb(31,107,125)
```
#1f637d
```
#1f637d rgb(31,99,125)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#1f537d
```
#1f537d rgb(31,83,125)
```
#1f4b7d
```
#1f4b7d rgb(31,75,125)
```
#1f447d
```
#1f447d rgb(31,68,125)
```

Similar Colors

Text with hexadecimal color #1f5b7d

This text has a font color of #1f5b7d.

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

#1f5b7d background color

This paragraph has a background color of #1f5b7d.

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

#1f5b7d border color

This element has a border color of #1f5b7d.

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

CSS codes

.text {color:#1f5b7d;}

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

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

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, #040b0f is the darkest color, while #feffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#08161f
```
#08161f rgb(8,22,31)
```
#0c222e
```
#0c222e rgb(12,34,46)
```
#0f2d3e
```
#0f2d3e rgb(15,45,62)
```
#13394e
```
#13394e rgb(19,57,78)
```
#17445e
```
#17445e rgb(23,68,94)
```
#1b506d
```
#1b506d rgb(27,80,109)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#23668d
```
#23668d rgb(35,102,141)
```
#27729c
```
#27729c rgb(39,114,156)
```
#2b7dac
```
#2b7dac rgb(43,125,172)
```
#2f89bc
```
#2f89bc rgb(47,137,188)
```
#3294cc
```
#3294cc rgb(50,148,204)
```

Shade Color Variation

#429dd0
```
#429dd0 rgb(66,157,208)
```
#51a5d4
```
#51a5d4 rgb(81,165,212)
```
#61add8
```
#61add8 rgb(97,173,216)
```
#71b5dc
```
#71b5dc rgb(113,181,220)
```
#81bde0
```
#81bde0 rgb(129,189,224)
```
#90c5e4
```
#90c5e4 rgb(144,197,228)
```
#a0cee7
```
#a0cee7 rgb(160,206,231)
```
#b0d6eb
```
#b0d6eb rgb(176,214,235)
```
#bfdeef
```
#bfdeef rgb(191,222,239)
```
#cfe6f3
```
#cfe6f3 rgb(207,230,243)
```
#dfeef7
```
#dfeef7 rgb(223,238,247)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#494f53
```
#494f53 rgb(73,79,83)
```
#435159
```
#435159 rgb(67,81,89)
```
#3d535f
```
#3d535f rgb(61,83,95)
```
#375465
```
#375465 rgb(55,84,101)
```
#31566b
```
#31566b rgb(49,86,107)
```
#2b5871
```
#2b5871 rgb(43,88,113)
```
#255977
```
#255977 rgb(37,89,119)
```
#1f5b7d
```
#1f5b7d rgb(31,91,125)
```
#195d83
```
#195d83 rgb(25,93,131)
```
#135e89
```
#135e89 rgb(19,94,137)
```
#0d608f
```
#0d608f rgb(13,96,143)
```
#076295
```
#076295 rgb(7,98,149)
```
#01639b
```
#01639b rgb(1,99,155)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#445057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535d7f Protanopia 1% of men
#4c5e86 Deuteranopia 1% of men
#11676f Tritanopia 0.001% of the population

Trichromacy

#405c7e Protanomaly 1% of men, 0.01% of women
#3c5c82 Deuteranomaly 6% of men, 0.4% of women
#166374 Tritanomaly 0.01% of the population

#1f5b7d hex color

#1f5b7d Color Information

#1f5b7d Color Conversion

Color Schemes with #1f5b7d

Alternatives to #1f5b7d

#1f5b7d Preview

Shades and Tints of #1f5b7d

Tones of #1f5b7d

Color Blindness Simulator