#1f5a7d hex color

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

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

● #1f5a7d color description : Dark blue.

The hexadecimal color #1f5a7d has RGB values of R:31, G:90, B:125 and CMYK values of C:0.75, M:0.28, Y:0, K:0.51. Its decimal value is 2054781.

Hex triplet	1f5a7d	`#1f5a7d`
RGB Decimal	31, 90, 125	`rgb(31,90,125)`
RGB Percent	12.2, 35.3, 49	`rgb(12.2%,35.3%,49%)`
CMYK	75, 28, 0, 51
HSL	202.3°, 60.3, 30.6	`hsl(202.3,60.3%,30.6%)`
HSV (or HSB)	202.3°, 75.2, 49
Web Safe	336666	`#336666`

CIE-LAB	36.145, -6.354, -25.164
XYZ	7.922, 9.084, 20.737
xyY	0.21, 0.241, 9.084
CIE-LCH	36.145, 25.954, 255.828
CIE-LUV	36.145, -20.817, -33.936
Hunter-Lab	30.139, -5.825, -19.696
Binary	00011111, 01011010, 01111101

#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#7d421f
```
#7d421f rgb(125,66,31)
```

Complementary Color

#1f7d71
```
#1f7d71 rgb(31,125,113)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#1f2b7d
```
#1f2b7d rgb(31,43,125)
```

Analogous Color

#7d711f
```
#7d711f rgb(125,113,31)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#7d1f2b
```
#7d1f2b rgb(125,31,43)
```

Split Complementary Color

#5a7d1f
```
#5a7d1f rgb(90,125,31)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#7d1f5a
```
#7d1f5a rgb(125,31,90)
```

Triadic Color

#1f7d42
```
#1f7d42 rgb(31,125,66)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#7d1f5a
```
#7d1f5a rgb(125,31,90)
```
#7d421f
```
#7d421f rgb(125,66,31)
```

Tetradic Color

#102e40
```
#102e40 rgb(16,46,64)
```
#153d54
```
#153d54 rgb(21,61,84)
```
#1a4b69
```
#1a4b69 rgb(26,75,105)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#246991
```
#246991 rgb(36,105,145)
```
#2977a6
```
#2977a6 rgb(41,119,166)
```
#2e86ba
```
#2e86ba rgb(46,134,186)
```

Monochromatic Color

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

#1f727d
```
#1f727d rgb(31,114,125)
```
#1f6a7d
```
#1f6a7d rgb(31,106,125)
```
#1f627d
```
#1f627d rgb(31,98,125)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#1f527d
```
#1f527d rgb(31,82,125)
```
#1f4a7d
```
#1f4a7d rgb(31,74,125)
```
#1f437d
```
#1f437d rgb(31,67,125)
```

Similar Colors

Text with hexadecimal color #1f5a7d

This text has a font color of #1f5a7d.

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

#1f5a7d background color

This paragraph has a background color of #1f5a7d.

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

#1f5a7d border color

This element has a border color of #1f5a7d.

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

CSS codes

.text {color:#1f5a7d;}

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

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

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)
```
#0c212e
```
#0c212e rgb(12,33,46)
```
#0f2d3e
```
#0f2d3e rgb(15,45,62)
```
#13384e
```
#13384e rgb(19,56,78)
```
#17435e
```
#17435e rgb(23,67,94)
```
#1b4f6d
```
#1b4f6d rgb(27,79,109)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#23658d
```
#23658d rgb(35,101,141)
```
#27719c
```
#27719c rgb(39,113,156)
```
#2b7cac
```
#2b7cac rgb(43,124,172)
```
#2f87bc
```
#2f87bc rgb(47,135,188)
```
#3293cc
```
#3293cc rgb(50,147,204)
```

Shade Color Variation

#429bd0
```
#429bd0 rgb(66,155,208)
```
#51a3d4
```
#51a3d4 rgb(81,163,212)
```
#61acd8
```
#61acd8 rgb(97,172,216)
```
#71b4dc
```
#71b4dc rgb(113,180,220)
```
#81bce0
```
#81bce0 rgb(129,188,224)
```
#90c5e4
```
#90c5e4 rgb(144,197,228)
```
#a0cde7
```
#a0cde7 rgb(160,205,231)
```
#b0d5eb
```
#b0d5eb rgb(176,213,235)
```
#bfddef
```
#bfddef rgb(191,221,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 #01629b is the most saturated one.

#494f53
```
#494f53 rgb(73,79,83)
```
#435159
```
#435159 rgb(67,81,89)
```
#3d525f
```
#3d525f rgb(61,82,95)
```
#375465
```
#375465 rgb(55,84,101)
```
#31556b
```
#31556b rgb(49,85,107)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#255877
```
#255877 rgb(37,88,119)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#195c83
```
#195c83 rgb(25,92,131)
```
#135d89
```
#135d89 rgb(19,93,137)
```
#0d5f8f
```
#0d5f8f rgb(13,95,143)
```
#076095
```
#076095 rgb(7,96,149)
```
#01629b
```
#01629b rgb(1,98,155)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525c7f Protanopia 1% of men
#4b5d85 Deuteranopia 1% of men
#0f666e Tritanopia 0.001% of the population

Trichromacy

#3f5b7e Protanomaly 1% of men, 0.01% of women
#3b5c82 Deuteranomaly 6% of men, 0.4% of women
#156273 Tritanomaly 0.01% of the population

#1f5a7d hex color

#1f5a7d Color Information

#1f5a7d Color Conversion

Color Schemes with #1f5a7d

Alternatives to #1f5a7d

#1f5a7d Preview

Shades and Tints of #1f5a7d

Tones of #1f5a7d

Color Blindness Simulator