#1f5e7e hex color

In a RGB color space, hex #1f5e7e is composed of 12.2% red, 36.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 25.4% magenta, 0% yellow and 50.6% black. It has a hue angle of 200.2 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f5e7e color hex could be obtained by blending #3ebcfc 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

● #1f5e7e color description : Dark blue.

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

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

CIE-LAB	37.485, -8.421, -23.686
XYZ	8.333, 9.802, 21.19
xyY	0.212, 0.249, 9.802
CIE-LCH	37.485, 25.138, 250.427
CIE-LUV	37.485, -22.222, -31.864
Hunter-Lab	31.309, -7.283, -18.213
Binary	00011111, 01011110, 01111110

#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#7e3f1f
```
#7e3f1f rgb(126,63,31)
```

Complementary Color

#1f7e6f
```
#1f7e6f rgb(31,126,111)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#1f2e7e
```
#1f2e7e rgb(31,46,126)
```

Analogous Color

#7e6f1f
```
#7e6f1f rgb(126,111,31)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#7e1f2f
```
#7e1f2f rgb(126,31,47)
```

Split Complementary Color

#5e7e1f
```
#5e7e1f rgb(94,126,31)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#7e1f5e
```
#7e1f5e rgb(126,31,94)
```

Triadic Color

#1f7e3f
```
#1f7e3f rgb(31,126,63)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#7e1f5e
```
#7e1f5e rgb(126,31,94)
```
#7e3f1f
```
#7e3f1f rgb(126,63,31)
```

Tetradic Color

#103041
```
#103041 rgb(16,48,65)
```
#153f55
```
#153f55 rgb(21,63,85)
```
#1a4f6a
```
#1a4f6a rgb(26,79,106)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#246d92
```
#246d92 rgb(36,109,146)
```
#297da7
```
#297da7 rgb(41,125,167)
```
#2e8cbb
```
#2e8cbb rgb(46,140,187)
```

Monochromatic Color

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

#1f767e
```
#1f767e rgb(31,118,126)
```
#1f6e7e
```
#1f6e7e rgb(31,110,126)
```
#1f667e
```
#1f667e rgb(31,102,126)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#1f567e
```
#1f567e rgb(31,86,126)
```
#1f4e7e
```
#1f4e7e rgb(31,78,126)
```
#1f467e
```
#1f467e rgb(31,70,126)
```

Similar Colors

Text with hexadecimal color #1f5e7e

This text has a font color of #1f5e7e.

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

#1f5e7e background color

This paragraph has a background color of #1f5e7e.

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

#1f5e7e border color

This element has a border color of #1f5e7e.

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

CSS codes

.text {color:#1f5e7e;}

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

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

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)
```
#0c232f
```
#0c232f rgb(12,35,47)
```
#102f3f
```
#102f3f rgb(16,47,63)
```
#133b4f
```
#133b4f rgb(19,59,79)
```
#17475f
```
#17475f rgb(23,71,95)
```
#1b526e
```
#1b526e rgb(27,82,110)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#236a8e
```
#236a8e rgb(35,106,142)
```
#27759d
```
#27759d rgb(39,117,157)
```
#2b81ad
```
#2b81ad rgb(43,129,173)
```
#2e8dbd
```
#2e8dbd rgb(46,141,189)
```

Shade Color Variation

#3299cd
```
#3299cd rgb(50,153,205)
```
#42a1d1
```
#42a1d1 rgb(66,161,209)
```
#52a8d4
```
#52a8d4 rgb(82,168,212)
```
#62b0d8
```
#62b0d8 rgb(98,176,216)
```
#71b8dc
```
#71b8dc rgb(113,184,220)
```
#81c0e0
```
#81c0e0 rgb(129,192,224)
```
#91c8e4
```
#91c8e4 rgb(145,200,228)
```
#a1d0e8
```
#a1d0e8 rgb(161,208,232)
```
#b0d8ec
```
#b0d8ec rgb(176,216,236)
```
#c0e0f0
```
#c0e0f0 rgb(192,224,240)
```
#d0e7f3
```
#d0e7f3 rgb(208,231,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,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 #01689c is the most saturated one.

#495054
```
#495054 rgb(73,80,84)
```
#43525a
```
#43525a rgb(67,82,90)
```
#3d5460
```
#3d5460 rgb(61,84,96)
```
#375666
```
#375666 rgb(55,86,102)
```
#31586c
```
#31586c rgb(49,88,108)
```
#2b5a72
```
#2b5a72 rgb(43,90,114)
```
#255c78
```
#255c78 rgb(37,92,120)
```
#1f5e7e
```
#1f5e7e rgb(31,94,126)
```
#196084
```
#196084 rgb(25,96,132)
```
#13628a
```
#13628a rgb(19,98,138)
```
#0d6490
```
#0d6490 rgb(13,100,144)
```
#076696
```
#076696 rgb(7,102,150)
```
#01689c
```
#01689c rgb(1,104,156)
```

Tone Color Variation

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

#565f80 Protanopia 1% of men
#506087 Deuteranopia 1% of men
#146a71 Tritanopia 0.001% of the population

Trichromacy

#425f7f Protanomaly 1% of men, 0.01% of women
#3e5f83 Deuteranomaly 6% of men, 0.4% of women
#186576 Tritanomaly 0.01% of the population

#1f5e7e hex color

#1f5e7e Color Information

#1f5e7e Color Conversion

Color Schemes with #1f5e7e

Alternatives to #1f5e7e

#1f5e7e Preview

Shades and Tints of #1f5e7e

Tones of #1f5e7e

Color Blindness Simulator