#1f7384 hex color

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

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

● #1f7384 color description : Dark cyan.

The hexadecimal color #1f7384 has RGB values of R:31, G:115, B:132 and CMYK values of C:0.77, M:0.13, Y:0, K:0.48. Its decimal value is 2061188.

Hex triplet	1f7384	`#1f7384`
RGB Decimal	31, 115, 132	`rgb(31,115,132)`
RGB Percent	12.2, 45.1, 51.8	`rgb(12.2%,45.1%,51.8%)`
CMYK	77, 13, 0, 48
HSL	190.1°, 62, 32	`hsl(190.1,62%,32%)`
HSV (or HSB)	190.1°, 76.5, 51.8
Web Safe	336699	`#336699`

CIE-LAB	44.544, -18.343, -16.428
XYZ	10.86, 14.218, 24
xyY	0.221, 0.29, 14.218
CIE-LCH	44.544, 24.625, 221.848
CIE-LUV	44.544, -29.621, -20.977
Hunter-Lab	37.706, -14.578, -11.344
Binary	00011111, 01110011, 10000100

#1f7384
```
#1f7384 rgb(31,115,132)
```
#84301f
```
#84301f rgb(132,48,31)
```

Complementary Color

#1f8463
```
#1f8463 rgb(31,132,99)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#1f4084
```
#1f4084 rgb(31,64,132)
```

Analogous Color

#84631f
```
#84631f rgb(132,99,31)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#841f40
```
#841f40 rgb(132,31,64)
```

Split Complementary Color

#73841f
```
#73841f rgb(115,132,31)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#841f73
```
#841f73 rgb(132,31,115)
```

Triadic Color

#1f8430
```
#1f8430 rgb(31,132,48)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#841f73
```
#841f73 rgb(132,31,115)
```
#84301f
```
#84301f rgb(132,48,31)
```

Tetradic Color

#103d46
```
#103d46 rgb(16,61,70)
```
#154f5b
```
#154f5b rgb(21,79,91)
```
#1a616f
```
#1a616f rgb(26,97,111)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#248599
```
#248599 rgb(36,133,153)
```
#2997ad
```
#2997ad rgb(41,151,173)
```
#2ea9c2
```
#2ea9c2 rgb(46,169,194)
```

Monochromatic Color

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

#1f847c
```
#1f847c rgb(31,132,124)
```
#1f8484
```
#1f8484 rgb(31,132,132)
```
#1f7b84
```
#1f7b84 rgb(31,123,132)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#1f6b84
```
#1f6b84 rgb(31,107,132)
```
#1f6284
```
#1f6284 rgb(31,98,132)
```
#1f5a84
```
#1f5a84 rgb(31,90,132)
```

Similar Colors

Text with hexadecimal color #1f7384

This text has a font color of #1f7384.

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

#1f7384 background color

This paragraph has a background color of #1f7384.

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

#1f7384 border color

This element has a border color of #1f7384.

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

CSS codes

.text {color:#1f7384;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051215
```
#051215 rgb(5,18,21)
```
#092025
```
#092025 rgb(9,32,37)
```
#0c2e35
```
#0c2e35 rgb(12,46,53)
```
#103c44
```
#103c44 rgb(16,60,68)
```
#144954
```
#144954 rgb(20,73,84)
```
#185764
```
#185764 rgb(24,87,100)
```
#1b6574
```
#1b6574 rgb(27,101,116)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#238194
```
#238194 rgb(35,129,148)
```
#268fa4
```
#268fa4 rgb(38,143,164)
```
#2a9db4
```
#2a9db4 rgb(42,157,180)
```
#2eaac4
```
#2eaac4 rgb(46,170,196)
```

Shade Color Variation

#35b6d0
```
#35b6d0 rgb(53,182,208)
```
#45bbd3
```
#45bbd3 rgb(69,187,211)
```
#55c1d7
```
#55c1d7 rgb(85,193,215)
```
#65c7db
```
#65c7db rgb(101,199,219)
```
#75cddf
```
#75cddf rgb(117,205,223)
```
#85d3e2
```
#85d3e2 rgb(133,211,226)
```
#95d8e6
```
#95d8e6 rgb(149,216,230)
```
#a5deea
```
#a5deea rgb(165,222,234)
```
#b4e4ee
```
#b4e4ee rgb(180,228,238)
```
#c4eaf1
```
#c4eaf1 rgb(196,234,241)
```
#d4eff5
```
#d4eff5 rgb(212,239,245)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f4fbfc
```
#f4fbfc rgb(244,251,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 #06849d is the most saturated one.

#515252
```
#515252 rgb(81,82,82)
```
#4b5658
```
#4b5658 rgb(75,86,88)
```
#455a5e
```
#455a5e rgb(69,90,94)
```
#3e5e65
```
#3e5e65 rgb(62,94,101)
```
#38626b
```
#38626b rgb(56,98,107)
```
#326771
```
#326771 rgb(50,103,113)
```
#2c6b77
```
#2c6b77 rgb(44,107,119)
```
#256f7e
```
#256f7e rgb(37,111,126)
```
#1f7384
```
#1f7384 rgb(31,115,132)
```
#19778a
```
#19778a rgb(25,119,138)
```
#127b91
```
#127b91 rgb(18,123,145)
```
#0c7f97
```
#0c7f97 rgb(12,127,151)
```
#06849d
```
#06849d rgb(6,132,157)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7084 Protanopia 1% of men
#6a6f8e Deuteranopia 1% of men
#247b84 Tritanopia 0.001% of the population

Trichromacy

#507184 Protanomaly 1% of men, 0.01% of women
#4f708a Deuteranomaly 6% of men, 0.4% of women
#227884 Tritanomaly 0.01% of the population

#1f7384 hex color

#1f7384 Color Information

#1f7384 Color Conversion

Color Schemes with #1f7384

Alternatives to #1f7384

#1f7384 Preview

Shades and Tints of #1f7384

Tones of #1f7384

Color Blindness Simulator