#1f697e hex color

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

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

● #1f697e color description : Dark cyan.

The hexadecimal color #1f697e has RGB values of R:31, G:105, B:126 and CMYK values of C:0.75, M:0.17, Y:0, K:0.51. Its decimal value is 2058622.

Hex triplet	1f697e	`#1f697e`
RGB Decimal	31, 105, 126	`rgb(31,105,126)`
RGB Percent	12.2, 41.2, 49.4	`rgb(12.2%,41.2%,49.4%)`
CMYK	75, 17, 0, 51
HSL	193.3°, 60.5, 30.8	`hsl(193.3,60.5%,30.8%)`
HSV (or HSB)	193.3°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	41.057, -14.862, -18.162
XYZ	9.382, 11.9, 21.54
xyY	0.219, 0.278, 11.9
CIE-LCH	41.057, 23.467, 230.707
CIE-LUV	41.057, -26.272, -23.581
Hunter-Lab	34.496, -11.824, -12.874
Binary	00011111, 01101001, 01111110

#1f697e
```
#1f697e rgb(31,105,126)
```
#7e341f
```
#7e341f rgb(126,52,31)
```

Complementary Color

#1f7e64
```
#1f7e64 rgb(31,126,100)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#1f3a7e
```
#1f3a7e rgb(31,58,126)
```

Analogous Color

#7e641f
```
#7e641f rgb(126,100,31)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#7e1f3a
```
#7e1f3a rgb(126,31,58)
```

Split Complementary Color

#697e1f
```
#697e1f rgb(105,126,31)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#7e1f69
```
#7e1f69 rgb(126,31,105)
```

Triadic Color

#1f7e34
```
#1f7e34 rgb(31,126,52)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#7e1f69
```
#7e1f69 rgb(126,31,105)
```
#7e341f
```
#7e341f rgb(126,52,31)
```

Tetradic Color

#103641
```
#103641 rgb(16,54,65)
```
#154755
```
#154755 rgb(21,71,85)
```
#1a586a
```
#1a586a rgb(26,88,106)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#247a92
```
#247a92 rgb(36,122,146)
```
#298ba7
```
#298ba7 rgb(41,139,167)
```
#2e9cbb
```
#2e9cbb rgb(46,156,187)
```

Monochromatic Color

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

#1f7e7b
```
#1f7e7b rgb(31,126,123)
```
#1f797e
```
#1f797e rgb(31,121,126)
```
#1f717e
```
#1f717e rgb(31,113,126)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#1f617e
```
#1f617e rgb(31,97,126)
```
#1f597e
```
#1f597e rgb(31,89,126)
```
#1f517e
```
#1f517e rgb(31,81,126)
```

Similar Colors

Text with hexadecimal color #1f697e

This text has a font color of #1f697e.

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

#1f697e background color

This paragraph has a background color of #1f697e.

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

#1f697e border color

This element has a border color of #1f697e.

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

CSS codes

.text {color:#1f697e;}

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

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

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 #eff9fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040d10
```
#040d10 rgb(4,13,16)
```
#081a20
```
#081a20 rgb(8,26,32)
```
#0c272f
```
#0c272f rgb(12,39,47)
```
#10353f
```
#10353f rgb(16,53,63)
```
#13424f
```
#13424f rgb(19,66,79)
```
#174f5f
```
#174f5f rgb(23,79,95)
```
#1b5c6e
```
#1b5c6e rgb(27,92,110)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#23768e
```
#23768e rgb(35,118,142)
```
#27839d
```
#27839d rgb(39,131,157)
```
#2b90ad
```
#2b90ad rgb(43,144,173)
```
#2e9dbd
```
#2e9dbd rgb(46,157,189)
```

Shade Color Variation

#32abcd
```
#32abcd rgb(50,171,205)
```
#42b1d1
```
#42b1d1 rgb(66,177,209)
```
#52b8d4
```
#52b8d4 rgb(82,184,212)
```
#62bed8
```
#62bed8 rgb(98,190,216)
```
#71c5dc
```
#71c5dc rgb(113,197,220)
```
#81cbe0
```
#81cbe0 rgb(129,203,224)
```
#91d2e4
```
#91d2e4 rgb(145,210,228)
```
#a1d8e8
```
#a1d8e8 rgb(161,216,232)
```
#b0dfec
```
#b0dfec rgb(176,223,236)
```
#c0e5f0
```
#c0e5f0 rgb(192,229,240)
```
#d0ecf3
```
#d0ecf3 rgb(208,236,243)
```
#e0f2f7
```
#e0f2f7 rgb(224,242,247)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```

Tint Color Variation

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

#495154
```
#495154 rgb(73,81,84)
```
#43555a
```
#43555a rgb(67,85,90)
```
#3d5860
```
#3d5860 rgb(61,88,96)
```
#375c66
```
#375c66 rgb(55,92,102)
```
#315f6c
```
#315f6c rgb(49,95,108)
```
#2b6272
```
#2b6272 rgb(43,98,114)
```
#256678
```
#256678 rgb(37,102,120)
```
#1f697e
```
#1f697e rgb(31,105,126)
```
#196c84
```
#196c84 rgb(25,108,132)
```
#13708a
```
#13708a rgb(19,112,138)
```
#0d7390
```
#0d7390 rgb(13,115,144)
```
#077696
```
#077696 rgb(7,118,150)
```
#017a9c
```
#017a9c rgb(1,122,156)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a595d Atypical Achromatopsia 0.001% of the population

Dichromacy

#63687f Protanopia 1% of men
#606788 Deuteranopia 1% of men
#21727a Tritanopia 0.001% of the population

Trichromacy

#4a687e Protanomaly 1% of men, 0.01% of women
#486884 Deuteranomaly 6% of men, 0.4% of women
#206f7c Tritanomaly 0.01% of the population

#1f697e hex color

#1f697e Color Information

#1f697e Color Conversion

Color Schemes with #1f697e

Alternatives to #1f697e

#1f697e Preview

Shades and Tints of #1f697e

Tones of #1f697e

Color Blindness Simulator