#1f6174 hex color

In a RGB color space, hex #1f6174 is composed of 12.2% red, 38% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 16.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 193.4 degrees, a saturation of 57.8% and a lightness of 28.8%. #1f6174 color hex could be obtained by blending #3ec2e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 38
- B 45
RGB color chart
- C 73
- M 16
- Y 0
- K 55
CMYK color chart

● #1f6174 color description : Dark cyan.

The hexadecimal color #1f6174 has RGB values of R:31, G:97, B:116 and CMYK values of C:0.73, M:0.16, Y:0, K:0.55. Its decimal value is 2056564.

Hex triplet	1f6174	`#1f6174`
RGB Decimal	31, 97, 116	`rgb(31,97,116)`
RGB Percent	12.2, 38, 45.5	`rgb(12.2%,38%,45.5%)`
CMYK	73, 16, 0, 55
HSL	193.4°, 57.8, 28.8	`hsl(193.4,57.8%,28.8%)`
HSV (or HSB)	193.4°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	38.023, -13.815, -16.725
XYZ	7.991, 10.101, 18.051
xyY	0.221, 0.279, 10.101
CIE-LCH	38.023, 21.693, 230.444
CIE-LUV	38.023, -23.84, -21.18
Hunter-Lab	31.782, -10.736, -11.426
Binary	00011111, 01100001, 01110100

#1f6174
```
#1f6174 rgb(31,97,116)
```
#74321f
```
#74321f rgb(116,50,31)
```

Complementary Color

#1f745d
```
#1f745d rgb(31,116,93)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#1f3774
```
#1f3774 rgb(31,55,116)
```

Analogous Color

#745d1f
```
#745d1f rgb(116,93,31)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#741f37
```
#741f37 rgb(116,31,55)
```

Split Complementary Color

#61741f
```
#61741f rgb(97,116,31)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#741f61
```
#741f61 rgb(116,31,97)
```

Triadic Color

#1f7432
```
#1f7432 rgb(31,116,50)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#741f61
```
#741f61 rgb(116,31,97)
```
#74321f
```
#74321f rgb(116,50,31)
```

Tetradic Color

#0f2f38
```
#0f2f38 rgb(15,47,56)
```
#143f4c
```
#143f4c rgb(20,63,76)
```
#1a5060
```
#1a5060 rgb(26,80,96)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#247288
```
#247288 rgb(36,114,136)
```
#2a839c
```
#2a839c rgb(42,131,156)
```
#2f93b0
```
#2f93b0 rgb(47,147,176)
```

Monochromatic Color

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

#1f7472
```
#1f7472 rgb(31,116,114)
```
#1f6f74
```
#1f6f74 rgb(31,111,116)
```
#1f6874
```
#1f6874 rgb(31,104,116)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#1f5a74
```
#1f5a74 rgb(31,90,116)
```
#1f5374
```
#1f5374 rgb(31,83,116)
```
#1f4c74
```
#1f4c74 rgb(31,76,116)
```

Similar Colors

Text with hexadecimal color #1f6174

This text has a font color of #1f6174.

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

#1f6174 background color

This paragraph has a background color of #1f6174.

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

#1f6174 border color

This element has a border color of #1f6174.

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

CSS codes

.text {color:#1f6174;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a2027
```
#0a2027 rgb(10,32,39)
```
#0e2d36
```
#0e2d36 rgb(14,45,54)
```
#133a46
```
#133a46 rgb(19,58,70)
```
#174755
```
#174755 rgb(23,71,85)
```
#1b5465
```
#1b5465 rgb(27,84,101)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#236e83
```
#236e83 rgb(35,110,131)
```
#277b93
```
#277b93 rgb(39,123,147)
```
#2b88a2
```
#2b88a2 rgb(43,136,162)
```
#3095b2
```
#3095b2 rgb(48,149,178)
```
#34a2c1
```
#34a2c1 rgb(52,162,193)
```

Shade Color Variation

#3daccb
```
#3daccb rgb(61,172,203)
```
#4db2cf
```
#4db2cf rgb(77,178,207)
```
#5cb9d4
```
#5cb9d4 rgb(92,185,212)
```
#6cc0d8
```
#6cc0d8 rgb(108,192,216)
```
#7bc6dc
```
#7bc6dc rgb(123,198,220)
```
#8bcde0
```
#8bcde0 rgb(139,205,224)
```
#9ad4e4
```
#9ad4e4 rgb(154,212,228)
```
#aadae8
```
#aadae8 rgb(170,218,232)
```
#b9e1ec
```
#b9e1ec rgb(185,225,236)
```
#c9e8f0
```
#c9e8f0 rgb(201,232,240)
```
#d8eef5
```
#d8eef5 rgb(216,238,245)
```
#e8f5f9
```
#e8f5f9 rgb(232,245,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#474b4c
```
#474b4c rgb(71,75,76)
```
#414e52
```
#414e52 rgb(65,78,82)
```
#3b5158
```
#3b5158 rgb(59,81,88)
```
#36545d
```
#36545d rgb(54,84,93)
```
#305863
```
#305863 rgb(48,88,99)
```
#2a5b69
```
#2a5b69 rgb(42,91,105)
```
#255e6e
```
#255e6e rgb(37,94,110)
```
#1f6174
```
#1f6174 rgb(31,97,116)
```
#19647a
```
#19647a rgb(25,100,122)
```
#14677f
```
#14677f rgb(20,103,127)
```
#0e6a85
```
#0e6a85 rgb(14,106,133)
```
#086e8b
```
#086e8b rgb(8,110,139)
```
#037190
```
#037190 rgb(3,113,144)
```

Tone Color Variation

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

Dichromacy

#5d6176 Protanopia 1% of men
#5a607e Deuteranopia 1% of men
#236a72 Tritanopia 0.001% of the population

Trichromacy

#466175 Protanomaly 1% of men, 0.01% of women
#44607a Deuteranomaly 6% of men, 0.4% of women
#216773 Tritanomaly 0.01% of the population

#1f6174 hex color

#1f6174 Color Information

#1f6174 Color Conversion

Color Schemes with #1f6174

Alternatives to #1f6174

#1f6174 Preview

Shades and Tints of #1f6174

Tones of #1f6174

Color Blindness Simulator