#1f645e hex color

In a RGB color space, hex #1f645e is composed of 12.2% red, 39.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 0% magenta, 6% yellow and 60.8% black. It has a hue angle of 174.8 degrees, a saturation of 52.7% and a lightness of 25.7%. #1f645e color hex could be obtained by blending #3ec8bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 39
- B 37
RGB color chart
- C 69
- M 0
- Y 6
- K 61
CMYK color chart

● #1f645e color description : Very dark cyan.

The hexadecimal color #1f645e has RGB values of R:31, G:100, B:94 and CMYK values of C:0.69, M:0, Y:0.06, K:0.61. Its decimal value is 2057310.

Hex triplet	1f645e	`#1f645e`
RGB Decimal	31, 100, 94	`rgb(31,100,94)`
RGB Percent	12.2, 39.2, 36.9	`rgb(12.2%,39.2%,36.9%)`
CMYK	69, 0, 6, 61
HSL	174.8°, 52.7, 25.7	`hsl(174.8,52.7%,25.7%)`
HSV (or HSB)	174.8°, 69, 39.2
Web Safe	336666	`#336666`

CIE-LAB	38.222, -22.726, -2.89
XYZ	7.142, 10.213, 12.184
xyY	0.242, 0.346, 10.213
CIE-LCH	38.222, 22.909, 187.248
CIE-LUV	38.222, -26.209, -0.739
Hunter-Lab	31.958, -16.035, -0.234
Binary	00011111, 01100100, 01011110

#1f645e
```
#1f645e rgb(31,100,94)
```
#641f25
```
#641f25 rgb(100,31,37)
```

Complementary Color

#1f643c
```
#1f643c rgb(31,100,60)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#1f4864
```
#1f4864 rgb(31,72,100)
```

Analogous Color

#643c1f
```
#643c1f rgb(100,60,31)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#641f48
```
#641f48 rgb(100,31,72)
```

Split Complementary Color

#645e1f
```
#645e1f rgb(100,94,31)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#5e1f64
```
#5e1f64 rgb(94,31,100)
```

Triadic Color

#25641f
```
#25641f rgb(37,100,31)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#5e1f64
```
#5e1f64 rgb(94,31,100)
```
#641f25
```
#641f25 rgb(100,31,37)
```

Tetradic Color

#0d2a27
```
#0d2a27 rgb(13,42,39)
```
#133d39
```
#133d39 rgb(19,61,57)
```
#19514c
```
#19514c rgb(25,81,76)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#257770
```
#257770 rgb(37,119,112)
```
#2b8b83
```
#2b8b83 rgb(43,139,131)
```
#319e95
```
#319e95 rgb(49,158,149)
```

Monochromatic Color

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

#1f644d
```
#1f644d rgb(31,100,77)
```
#1f6453
```
#1f6453 rgb(31,100,83)
```
#1f6458
```
#1f6458 rgb(31,100,88)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#1f6464
```
#1f6464 rgb(31,100,100)
```
#1f5f64
```
#1f5f64 rgb(31,95,100)
```
#1f5964
```
#1f5964 rgb(31,89,100)
```

Similar Colors

Text with hexadecimal color #1f645e

This text has a font color of #1f645e.

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

#1f645e background color

This paragraph has a background color of #1f645e.

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

#1f645e border color

This element has a border color of #1f645e.

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

CSS codes

.text {color:#1f645e;}

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

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

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, #030a0a is the darkest color, while #fafefd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#081918
```
#081918 rgb(8,25,24)
```
#0c2826
```
#0c2826 rgb(12,40,38)
```
#113734
```
#113734 rgb(17,55,52)
```
#164642
```
#164642 rgb(22,70,66)
```
#1a5550
```
#1a5550 rgb(26,85,80)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#24736c
```
#24736c rgb(36,115,108)
```
#28827a
```
#28827a rgb(40,130,122)
```
#2d9188
```
#2d9188 rgb(45,145,136)
```
#32a096
```
#32a096 rgb(50,160,150)
```
#36afa4
```
#36afa4 rgb(54,175,164)
```
#3bbeb2
```
#3bbeb2 rgb(59,190,178)
```

Shade Color Variation

#47c6bb
```
#47c6bb rgb(71,198,187)
```
#55cac0
```
#55cac0 rgb(85,202,192)
```
#64cfc6
```
#64cfc6 rgb(100,207,198)
```
#73d4cb
```
#73d4cb rgb(115,212,203)
```
#82d8d1
```
#82d8d1 rgb(130,216,209)
```
#91ddd6
```
#91ddd6 rgb(145,221,214)
```
#a0e2dc
```
#a0e2dc rgb(160,226,220)
```
#afe6e2
```
#afe6e2 rgb(175,230,226)
```
#beebe7
```
#beebe7 rgb(190,235,231)
```
#cdf0ed
```
#cdf0ed rgb(205,240,237)
```
#dcf4f2
```
#dcf4f2 rgb(220,244,242)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#3d4645
```
#3d4645 rgb(61,70,69)
```
#384b49
```
#384b49 rgb(56,75,73)
```
#33504d
```
#33504d rgb(51,80,77)
```
#2e5552
```
#2e5552 rgb(46,85,82)
```
#295a56
```
#295a56 rgb(41,90,86)
```
#245f5a
```
#245f5a rgb(36,95,90)
```
#1f645e
```
#1f645e rgb(31,100,94)
```
#1a6962
```
#1a6962 rgb(26,105,98)
```
#156e66
```
#156e66 rgb(21,110,102)
```
#10736a
```
#10736a rgb(16,115,106)
```
#0b786f
```
#0b786f rgb(11,120,111)
```
#067d73
```
#067d73 rgb(6,125,115)
```
#018277
```
#018277 rgb(1,130,119)
```

Tone Color Variation

Below, you can see how #1f645e 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
#455352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646261 Protanopia 1% of men
#67606a Deuteranopia 1% of men
#316a72 Tritanopia 0.001% of the population

Trichromacy

#4b625f Protanomaly 1% of men, 0.01% of women
#4d6166 Deuteranomaly 6% of men, 0.4% of women
#2a676a Tritanomaly 0.01% of the population

#1f645e hex color

#1f645e Color Information

#1f645e Color Conversion

Color Schemes with #1f645e

Alternatives to #1f645e

#1f645e Preview

Shades and Tints of #1f645e

Tones of #1f645e

Color Blindness Simulator