#1f7481 hex color

In a RGB color space, hex #1f7481 is composed of 12.2% red, 45.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 10.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 188 degrees, a saturation of 61.3% and a lightness of 31.4%. #1f7481 color hex could be obtained by blending #3ee8ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 45
- B 51
RGB color chart
- C 76
- M 10
- Y 0
- K 49
CMYK color chart

● #1f7481 color description : Dark cyan.

The hexadecimal color #1f7481 has RGB values of R:31, G:116, B:129 and CMYK values of C:0.76, M:0.1, Y:0, K:0.49. Its decimal value is 2061441.

Hex triplet	1f7481	`#1f7481`
RGB Decimal	31, 116, 129	`rgb(31,116,129)`
RGB Percent	12.2, 45.5, 50.6	`rgb(12.2%,45.5%,50.6%)`
CMYK	76, 10, 0, 49
HSL	188°, 61.3, 31.4	`hsl(188,61.3%,31.4%)`
HSV (or HSB)	188°, 76, 50.6
Web Safe	336699	`#336699`

CIE-LAB	44.753, -19.903, -14.317
XYZ	10.772, 14.366, 22.973
xyY	0.224, 0.299, 14.366
CIE-LCH	44.753, 24.517, 215.729
CIE-LUV	44.753, -30.179, -17.639
Hunter-Lab	37.903, -15.601, -9.404
Binary	00011111, 01110100, 10000001

#1f7481
```
#1f7481 rgb(31,116,129)
```
#812c1f
```
#812c1f rgb(129,44,31)
```

Complementary Color

#1f815d
```
#1f815d rgb(31,129,93)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#1f4381
```
#1f4381 rgb(31,67,129)
```

Analogous Color

#815d1f
```
#815d1f rgb(129,93,31)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#811f43
```
#811f43 rgb(129,31,67)
```

Split Complementary Color

#74811f
```
#74811f rgb(116,129,31)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#811f74
```
#811f74 rgb(129,31,116)
```

Triadic Color

#1f812c
```
#1f812c rgb(31,129,44)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#811f74
```
#811f74 rgb(129,31,116)
```
#812c1f
```
#812c1f rgb(129,44,31)
```

Tetradic Color

#103d43
```
#103d43 rgb(16,61,67)
```
#154f58
```
#154f58 rgb(21,79,88)
```
#1a626c
```
#1a626c rgb(26,98,108)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#248696
```
#248696 rgb(36,134,150)
```
#2999aa
```
#2999aa rgb(41,153,170)
```
#2eabbf
```
#2eabbf rgb(46,171,191)
```

Monochromatic Color

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

#1f8176
```
#1f8176 rgb(31,129,118)
```
#1f817e
```
#1f817e rgb(31,129,126)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#1f6c81
```
#1f6c81 rgb(31,108,129)
```
#1f6481
```
#1f6481 rgb(31,100,129)
```
#1f5c81
```
#1f5c81 rgb(31,92,129)
```

Similar Colors

Text with hexadecimal color #1f7481

This text has a font color of #1f7481.

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

#1f7481 background color

This paragraph has a background color of #1f7481.

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

#1f7481 border color

This element has a border color of #1f7481.

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

CSS codes

.text {color:#1f7481;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#081f22
```
#081f22 rgb(8,31,34)
```
#0c2d32
```
#0c2d32 rgb(12,45,50)
```
#103b42
```
#103b42 rgb(16,59,66)
```
#144952
```
#144952 rgb(20,73,82)
```
#175861
```
#175861 rgb(23,88,97)
```
#1b6671
```
#1b6671 rgb(27,102,113)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#238291
```
#238291 rgb(35,130,145)
```
#2790a1
```
#2790a1 rgb(39,144,161)
```
#2a9fb0
```
#2a9fb0 rgb(42,159,176)
```
#2eadc0
```
#2eadc0 rgb(46,173,192)
```

Shade Color Variation

#34bace
```
#34bace rgb(52,186,206)
```
#44bfd2
```
#44bfd2 rgb(68,191,210)
```
#54c5d6
```
#54c5d6 rgb(84,197,214)
```
#63cada
```
#63cada rgb(99,202,218)
```
#73cfdd
```
#73cfdd rgb(115,207,221)
```
#83d5e1
```
#83d5e1 rgb(131,213,225)
```
#93dae5
```
#93dae5 rgb(147,218,229)
```
#a3dfe9
```
#a3dfe9 rgb(163,223,233)
```
#b2e5ed
```
#b2e5ed rgb(178,229,237)
```
#c2eaf0
```
#c2eaf0 rgb(194,234,240)
```
#d2f0f4
```
#d2f0f4 rgb(210,240,244)
```
#e2f5f8
```
#e2f5f8 rgb(226,245,248)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5456 is the less saturated color, while #008ba0 is the most saturated one.

#4a5456
```
#4a5456 rgb(74,84,86)
```
#44595c
```
#44595c rgb(68,89,92)
```
#3e5d62
```
#3e5d62 rgb(62,93,98)
```
#386268
```
#386268 rgb(56,98,104)
```
#31666f
```
#31666f rgb(49,102,111)
```
#2b6b75
```
#2b6b75 rgb(43,107,117)
```
#256f7b
```
#256f7b rgb(37,111,123)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#197987
```
#197987 rgb(25,121,135)
```
#137d8d
```
#137d8d rgb(19,125,141)
```
#0d8293
```
#0d8293 rgb(13,130,147)
```
#06869a
```
#06869a rgb(6,134,154)
```
#008ba0
```
#008ba0 rgb(0,139,160)
```

Tone Color Variation

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

Dichromacy

#6e7081 Protanopia 1% of men
#6d6f8b Deuteranopia 1% of men
#287b84 Tritanopia 0.001% of the population

Trichromacy

#517181 Protanomaly 1% of men, 0.01% of women
#517187 Deuteranomaly 6% of men, 0.4% of women
#247883 Tritanomaly 0.01% of the population

#1f7481 hex color

#1f7481 Color Information

#1f7481 Color Conversion

Color Schemes with #1f7481

Alternatives to #1f7481

#1f7481 Preview

Shades and Tints of #1f7481

Tones of #1f7481

Color Blindness Simulator