#1f6c84 hex color

In a RGB color space, hex #1f6c84 is composed of 12.2% red, 42.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 18.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 194.3 degrees, a saturation of 62% and a lightness of 32%. #1f6c84 color hex could be obtained by blending #3ed8ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 42
- B 52
RGB color chart
- C 77
- M 18
- Y 0
- K 48
CMYK color chart

● #1f6c84 color description : Dark cyan.

The hexadecimal color #1f6c84 has RGB values of R:31, G:108, B:132 and CMYK values of C:0.77, M:0.18, Y:0, K:0.48. Its decimal value is 2059396.

Hex triplet	1f6c84	`#1f6c84`
RGB Decimal	31, 108, 132	`rgb(31,108,132)`
RGB Percent	12.2, 42.4, 51.8	`rgb(12.2%,42.4%,51.8%)`
CMYK	77, 18, 0, 48
HSL	194.3°, 62, 32	`hsl(194.3,62%,32%)`
HSV (or HSB)	194.3°, 76.5, 51.8
Web Safe	336699	`#336699`

CIE-LAB	42.279, -14.445, -19.901
XYZ	10.091, 12.681, 23.744
xyY	0.217, 0.273, 12.681
CIE-LCH	42.279, 24.591, 234.027
CIE-LUV	42.279, -27.036, -26.398
Hunter-Lab	35.611, -11.736, -14.605
Binary	00011111, 01101100, 10000100

#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#84371f
```
#84371f rgb(132,55,31)
```

Complementary Color

#1f846a
```
#1f846a rgb(31,132,106)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#1f3a84
```
#1f3a84 rgb(31,58,132)
```

Analogous Color

#846a1f
```
#846a1f rgb(132,106,31)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#841f3a
```
#841f3a rgb(132,31,58)
```

Split Complementary Color

#6c841f
```
#6c841f rgb(108,132,31)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#841f6c
```
#841f6c rgb(132,31,108)
```

Triadic Color

#1f8437
```
#1f8437 rgb(31,132,55)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#841f6c
```
#841f6c rgb(132,31,108)
```
#84371f
```
#84371f rgb(132,55,31)
```

Tetradic Color

#103946
```
#103946 rgb(16,57,70)
```
#154a5b
```
#154a5b rgb(21,74,91)
```
#1a5b6f
```
#1a5b6f rgb(26,91,111)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#247d99
```
#247d99 rgb(36,125,153)
```
#298ead
```
#298ead rgb(41,142,173)
```
#2e9fc2
```
#2e9fc2 rgb(46,159,194)
```

Monochromatic Color

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

#1f8483
```
#1f8483 rgb(31,132,131)
```
#1f7d84
```
#1f7d84 rgb(31,125,132)
```
#1f7484
```
#1f7484 rgb(31,116,132)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#1f6484
```
#1f6484 rgb(31,100,132)
```
#1f5b84
```
#1f5b84 rgb(31,91,132)
```
#1f5384
```
#1f5384 rgb(31,83,132)
```

Similar Colors

Text with hexadecimal color #1f6c84

This text has a font color of #1f6c84.

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

#1f6c84 background color

This paragraph has a background color of #1f6c84.

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

#1f6c84 border color

This element has a border color of #1f6c84.

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

CSS codes

.text {color:#1f6c84;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#091e25
```
#091e25 rgb(9,30,37)
```
#0c2b35
```
#0c2b35 rgb(12,43,53)
```
#103844
```
#103844 rgb(16,56,68)
```
#144554
```
#144554 rgb(20,69,84)
```
#185264
```
#185264 rgb(24,82,100)
```
#1b5f74
```
#1b5f74 rgb(27,95,116)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#237994
```
#237994 rgb(35,121,148)
```
#2686a4
```
#2686a4 rgb(38,134,164)
```
#2a93b4
```
#2a93b4 rgb(42,147,180)
```
#2ea0c4
```
#2ea0c4 rgb(46,160,196)
```

Shade Color Variation

#35abd0
```
#35abd0 rgb(53,171,208)
```
#45b2d3
```
#45b2d3 rgb(69,178,211)
```
#55b8d7
```
#55b8d7 rgb(85,184,215)
```
#65bfdb
```
#65bfdb rgb(101,191,219)
```
#75c5df
```
#75c5df rgb(117,197,223)
```
#85cce2
```
#85cce2 rgb(133,204,226)
```
#95d3e6
```
#95d3e6 rgb(149,211,230)
```
#a5d9ea
```
#a5d9ea rgb(165,217,234)
```
#b4e0ee
```
#b4e0ee rgb(180,224,238)
```
#c4e7f1
```
#c4e7f1 rgb(196,231,241)
```
#d4edf5
```
#d4edf5 rgb(212,237,245)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#515252
```
#515252 rgb(81,82,82)
```
#4b5558
```
#4b5558 rgb(75,85,88)
```
#45585e
```
#45585e rgb(69,88,94)
```
#3e5c65
```
#3e5c65 rgb(62,92,101)
```
#385f6b
```
#385f6b rgb(56,95,107)
```
#326271
```
#326271 rgb(50,98,113)
```
#2c6577
```
#2c6577 rgb(44,101,119)
```
#25697e
```
#25697e rgb(37,105,126)
```
#1f6c84
```
#1f6c84 rgb(31,108,132)
```
#196f8a
```
#196f8a rgb(25,111,138)
```
#127391
```
#127391 rgb(18,115,145)
```
#0c7697
```
#0c7697 rgb(12,118,151)
```
#06799d
```
#06799d rgb(6,121,157)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656a84 Protanopia 1% of men
#616a8d Deuteranopia 1% of men
#1d757e Tritanopia 0.001% of the population

Trichromacy

#4b6b84 Protanomaly 1% of men, 0.01% of women
#496b8a Deuteranomaly 6% of men, 0.4% of women
#1e7280 Tritanomaly 0.01% of the population

#1f6c84 hex color

#1f6c84 Color Information

#1f6c84 Color Conversion

Color Schemes with #1f6c84

Alternatives to #1f6c84

#1f6c84 Preview

Shades and Tints of #1f6c84

Tones of #1f6c84

Color Blindness Simulator