#1f5f7e hex color

In a RGB color space, hex #1f5f7e is composed of 12.2% red, 37.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 24.6% magenta, 0% yellow and 50.6% black. It has a hue angle of 199.6 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f5f7e color hex could be obtained by blending #3ebefc with #000000. Closest websafe color is: #336666.

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

● #1f5f7e color description : Dark blue.

The hexadecimal color #1f5f7e has RGB values of R:31, G:95, B:126 and CMYK values of C:0.75, M:0.25, Y:0, K:0.51. Its decimal value is 2056062.

Hex triplet	1f5f7e	`#1f5f7e`
RGB Decimal	31, 95, 126	`rgb(31,95,126)`
RGB Percent	12.2, 37.3, 49.4	`rgb(12.2%,37.3%,49.4%)`
CMYK	75, 25, 0, 51
HSL	199.6°, 60.5, 30.8	`hsl(199.6,60.5%,30.8%)`
HSV (or HSB)	199.6°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	37.809, -9.024, -23.182
XYZ	8.422, 9.981, 21.22
xyY	0.213, 0.252, 9.981
CIE-LCH	37.809, 24.876, 248.731
CIE-LUV	37.809, -22.587, -31.127
Hunter-Lab	31.593, -7.703, -17.708
Binary	00011111, 01011111, 01111110

#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#7e3e1f
```
#7e3e1f rgb(126,62,31)
```

Complementary Color

#1f7e6e
```
#1f7e6e rgb(31,126,110)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#1f2f7e
```
#1f2f7e rgb(31,47,126)
```

Analogous Color

#7e6e1f
```
#7e6e1f rgb(126,110,31)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#7e1f30
```
#7e1f30 rgb(126,31,48)
```

Split Complementary Color

#5f7e1f
```
#5f7e1f rgb(95,126,31)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#7e1f5f
```
#7e1f5f rgb(126,31,95)
```

Triadic Color

#1f7e3e
```
#1f7e3e rgb(31,126,62)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#7e1f5f
```
#7e1f5f rgb(126,31,95)
```
#7e3e1f
```
#7e3e1f rgb(126,62,31)
```

Tetradic Color

#103141
```
#103141 rgb(16,49,65)
```
#154055
```
#154055 rgb(21,64,85)
```
#1a506a
```
#1a506a rgb(26,80,106)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#246e92
```
#246e92 rgb(36,110,146)
```
#297ea7
```
#297ea7 rgb(41,126,167)
```
#2e8dbb
```
#2e8dbb rgb(46,141,187)
```

Monochromatic Color

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

#1f777e
```
#1f777e rgb(31,119,126)
```
#1f6f7e
```
#1f6f7e rgb(31,111,126)
```
#1f677e
```
#1f677e rgb(31,103,126)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#1f577e
```
#1f577e rgb(31,87,126)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#1f477e
```
#1f477e rgb(31,71,126)
```

Similar Colors

Text with hexadecimal color #1f5f7e

This text has a font color of #1f5f7e.

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

#1f5f7e background color

This paragraph has a background color of #1f5f7e.

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

#1f5f7e border color

This element has a border color of #1f5f7e.

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

CSS codes

.text {color:#1f5f7e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081820
```
#081820 rgb(8,24,32)
```
#0c242f
```
#0c242f rgb(12,36,47)
```
#10303f
```
#10303f rgb(16,48,63)
```
#133b4f
```
#133b4f rgb(19,59,79)
```
#17475f
```
#17475f rgb(23,71,95)
```
#1b536e
```
#1b536e rgb(27,83,110)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#236b8e
```
#236b8e rgb(35,107,142)
```
#27779d
```
#27779d rgb(39,119,157)
```
#2b83ad
```
#2b83ad rgb(43,131,173)
```
#2e8ebd
```
#2e8ebd rgb(46,142,189)
```

Shade Color Variation

#329acd
```
#329acd rgb(50,154,205)
```
#42a2d1
```
#42a2d1 rgb(66,162,209)
```
#52aad4
```
#52aad4 rgb(82,170,212)
```
#62b2d8
```
#62b2d8 rgb(98,178,216)
```
#71b9dc
```
#71b9dc rgb(113,185,220)
```
#81c1e0
```
#81c1e0 rgb(129,193,224)
```
#91c9e4
```
#91c9e4 rgb(145,201,228)
```
#a1d1e8
```
#a1d1e8 rgb(161,209,232)
```
#b0d8ec
```
#b0d8ec rgb(176,216,236)
```
#c0e0f0
```
#c0e0f0 rgb(192,224,240)
```
#d0e8f3
```
#d0e8f3 rgb(208,232,243)
```
#e0f0f7
```
#e0f0f7 rgb(224,240,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```

Tint Color Variation

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

#495054
```
#495054 rgb(73,80,84)
```
#43525a
```
#43525a rgb(67,82,90)
```
#3d5560
```
#3d5560 rgb(61,85,96)
```
#375766
```
#375766 rgb(55,87,102)
```
#31596c
```
#31596c rgb(49,89,108)
```
#2b5b72
```
#2b5b72 rgb(43,91,114)
```
#255d78
```
#255d78 rgb(37,93,120)
```
#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#196184
```
#196184 rgb(25,97,132)
```
#13638a
```
#13638a rgb(19,99,138)
```
#0d6590
```
#0d6590 rgb(13,101,144)
```
#076796
```
#076796 rgb(7,103,150)
```
#01699c
```
#01699c rgb(1,105,156)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#455258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586080 Protanopia 1% of men
#526087 Deuteranopia 1% of men
#166a72 Tritanopia 0.001% of the population

Trichromacy

#435f7f Protanomaly 1% of men, 0.01% of women
#3f6083 Deuteranomaly 6% of men, 0.4% of women
#196676 Tritanomaly 0.01% of the population

#1f5f7e hex color

#1f5f7e Color Information

#1f5f7e Color Conversion

Color Schemes with #1f5f7e

Alternatives to #1f5f7e

#1f5f7e Preview

Shades and Tints of #1f5f7e

Tones of #1f5f7e

Color Blindness Simulator