colorhexa.com

#1f8198 hex color

In a RGB color space, hex #1f8198 is composed of 12.2% red, 50.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 15.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 191.4 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f8198 color hex could be obtained by blending #3effff with #000331. Closest websafe color is: #339999.

- R 12
- G 51
- B 60
RGB color chart
- C 80
- M 15
- Y 0
- K 40
CMYK color chart

● #1f8198 color description : Dark cyan.

The hexadecimal color #1f8198 has RGB values of R:31, G:129, B:152 and CMYK values of C:0.8, M:0.15, Y:0, K:0.4. Its decimal value is 2064792.

Hex triplet	1f8198	`#1f8198`
RGB Decimal	31, 129, 152	`rgb(31,129,152)`
RGB Percent	12.2, 50.6, 59.6	`rgb(12.2%,50.6%,59.6%)`
CMYK	80, 15, 0, 40
HSL	191.4°, 66.1, 35.9	`hsl(191.4,66.1%,35.9%)`
HSV (or HSB)	191.4°, 79.6, 59.6
Web Safe	339999	`#339999`

CIE-LAB	49.807, -19.082, -20.181
XYZ	14.081, 18.258, 32.486
xyY	0.217, 0.282, 18.258
CIE-LCH	49.807, 27.775, 226.603
CIE-LUV	49.807, -33.471, -27.183
Hunter-Lab	42.729, -15.951, -15.167
Binary	00011111, 10000001, 10011000

#1f8198
```
#1f8198 rgb(31,129,152)
```
#98361f
```
#98361f rgb(152,54,31)
```

Complementary Color

#1f9873
```
#1f9873 rgb(31,152,115)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#1f4598
```
#1f4598 rgb(31,69,152)
```

Analogous Color

#98731f
```
#98731f rgb(152,115,31)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#981f45
```
#981f45 rgb(152,31,69)
```

Split Complementary Color

#81981f
```
#81981f rgb(129,152,31)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#981f81
```
#981f81 rgb(152,31,129)
```

Triadic Color

#1f9836
```
#1f9836 rgb(31,152,54)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#981f81
```
#981f81 rgb(152,31,129)
```
#98361f
```
#98361f rgb(152,54,31)
```

Tetradic Color

#124b58
```
#124b58 rgb(18,75,88)
```
#165d6e
```
#165d6e rgb(22,93,110)
```
#1b6f83
```
#1b6f83 rgb(27,111,131)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#2393ad
```
#2393ad rgb(35,147,173)
```
#28a5c2
```
#28a5c2 rgb(40,165,194)
```
#2fb5d5
```
#2fb5d5 rgb(47,181,213)
```

Monochromatic Color

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

#1f9891
```
#1f9891 rgb(31,152,145)
```
#1f9598
```
#1f9598 rgb(31,149,152)
```
#1f8b98
```
#1f8b98 rgb(31,139,152)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#1f7798
```
#1f7798 rgb(31,119,152)
```
#1f6d98
```
#1f6d98 rgb(31,109,152)
```
#1f6398
```
#1f6398 rgb(31,99,152)
```

Similar Colors

Text with hexadecimal color #1f8198

This text has a font color of #1f8198.

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

#1f8198 background color

This paragraph has a background color of #1f8198.

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

#1f8198 border color

This element has a border color of #1f8198.

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

CSS codes

.text {color:#1f8198;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#041216
```
#041216 rgb(4,18,22)
```
#082026
```
#082026 rgb(8,32,38)
```
#0b2e36
```
#0b2e36 rgb(11,46,54)
```
#0e3c47
```
#0e3c47 rgb(14,60,71)
```
#124a57
```
#124a57 rgb(18,74,87)
```
#155867
```
#155867 rgb(21,88,103)
```
#186577
```
#186577 rgb(24,101,119)
```
#1c7388
```
#1c7388 rgb(28,115,136)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#228fa8
```
#228fa8 rgb(34,143,168)
```
#269db9
```
#269db9 rgb(38,157,185)
```
#29aac9
```
#29aac9 rgb(41,170,201)
```

Shade Color Variation

#31b6d5
```
#31b6d5 rgb(49,182,213)
```
#41bbd8
```
#41bbd8 rgb(65,187,216)
```
#51c1dc
```
#51c1dc rgb(81,193,220)
```
#61c7df
```
#61c7df rgb(97,199,223)
```
#72cde2
```
#72cde2 rgb(114,205,226)
```
#82d3e6
```
#82d3e6 rgb(130,211,230)
```
#92d8e9
```
#92d8e9 rgb(146,216,233)
```
#a3deec
```
#a3deec rgb(163,222,236)
```
#b3e4ef
```
#b3e4ef rgb(179,228,239)
```
#c3eaf3
```
#c3eaf3 rgb(195,234,243)
```
#d3f0f6
```
#d3f0f6 rgb(211,240,246)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575e60 is the less saturated color, while #0392b4 is the most saturated one.

#575e60
```
#575e60 rgb(87,94,96)
```
#506267
```
#506267 rgb(80,98,103)
```
#49676e
```
#49676e rgb(73,103,110)
```
#426b75
```
#426b75 rgb(66,107,117)
```
#3b707c
```
#3b707c rgb(59,112,124)
```
#347483
```
#347483 rgb(52,116,131)
```
#2d788a
```
#2d788a rgb(45,120,138)
```
#267d91
```
#267d91 rgb(38,125,145)
```
#1f8198
```
#1f8198 rgb(31,129,152)
```
#18859f
```
#18859f rgb(24,133,159)
```
#118aa6
```
#118aa6 rgb(17,138,166)
```
#0a8ead
```
#0a8ead rgb(10,142,173)
```
#0392b4
```
#0392b4 rgb(3,146,180)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777c96 Protanopia 1% of men
#737ba1 Deuteranopia 1% of men
#1d8993 Tritanopia 0.001% of the population

Trichromacy

#577e96 Protanomaly 1% of men, 0.01% of women
#557d9e Deuteranomaly 6% of men, 0.4% of women
#1e8695 Tritanomaly 0.01% of the population