#1f8aa2 hex color

In a RGB color space, hex #1f8aa2 is composed of 12.2% red, 54.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 14.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 191 degrees, a saturation of 67.9% and a lightness of 37.8%. #1f8aa2 color hex could be obtained by blending #3effff with #001545. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 54
- B 64
RGB color chart
- C 81
- M 15
- Y 0
- K 36
CMYK color chart

● #1f8aa2 color description : Dark cyan.

The hexadecimal color #1f8aa2 has RGB values of R:31, G:138, B:162 and CMYK values of C:0.81, M:0.15, Y:0, K:0.36. Its decimal value is 2067106.

Hex triplet	1f8aa2	`#1f8aa2`
RGB Decimal	31, 138, 162	`rgb(31,138,162)`
RGB Percent	12.2, 54.1, 63.5	`rgb(12.2%,54.1%,63.5%)`
CMYK	81, 15, 0, 36
HSL	191°, 67.9, 37.8	`hsl(191,67.9%,37.8%)`
HSV (or HSB)	191°, 80.9, 63.5
Web Safe	339999	`#339999`

CIE-LAB	53.032, -20.481, -21.041
XYZ	16.173, 21.075, 37.396
xyY	0.217, 0.282, 21.075
CIE-LCH	53.032, 29.363, 225.773
CIE-LUV	53.032, -36.053, -28.683
Hunter-Lab	45.908, -17.453, -16.161
Binary	00011111, 10001010, 10100010

#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#a2371f
```
#a2371f rgb(162,55,31)
```

Complementary Color

#1fa279
```
#1fa279 rgb(31,162,121)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#1f49a2
```
#1f49a2 rgb(31,73,162)
```

Analogous Color

#a2791f
```
#a2791f rgb(162,121,31)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#a21f49
```
#a21f49 rgb(162,31,73)
```

Split Complementary Color

#8aa21f
```
#8aa21f rgb(138,162,31)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#a21f8a
```
#a21f8a rgb(162,31,138)
```

Triadic Color

#1fa237
```
#1fa237 rgb(31,162,55)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#a21f8a
```
#a21f8a rgb(162,31,138)
```
#a2371f
```
#a2371f rgb(162,55,31)
```

Tetradic Color

#135362
```
#135362 rgb(19,83,98)
```
#176677
```
#176677 rgb(23,102,119)
```
#1b788d
```
#1b788d rgb(27,120,141)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#239cb7
```
#239cb7 rgb(35,156,183)
```
#27aecd
```
#27aecd rgb(39,174,205)
```
#35bad8
```
#35bad8 rgb(53,186,216)
```

Monochromatic Color

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

#1fa299
```
#1fa299 rgb(31,162,153)
```
#1fa0a2
```
#1fa0a2 rgb(31,160,162)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#1f7fa2
```
#1f7fa2 rgb(31,127,162)
```
#1f74a2
```
#1f74a2 rgb(31,116,162)
```
#1f69a2
```
#1f69a2 rgb(31,105,162)
```

Similar Colors

Text with hexadecimal color #1f8aa2

This text has a font color of #1f8aa2.

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

#1f8aa2 background color

This paragraph has a background color of #1f8aa2.

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

#1f8aa2 border color

This element has a border color of #1f8aa2.

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

CSS codes

.text {color:#1f8aa2;}

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

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

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, #030c0e is the darkest color, while #fcfefe is the lightest one.

#030c0e
```
#030c0e rgb(3,12,14)
```
#061a1e
```
#061a1e rgb(6,26,30)
```
#09282f
```
#09282f rgb(9,40,47)
```
#0c363f
```
#0c363f rgb(12,54,63)
```
#0f4450
```
#0f4450 rgb(15,68,80)
```
#125260
```
#125260 rgb(18,82,96)
```
#166071
```
#166071 rgb(22,96,113)
```
#196e81
```
#196e81 rgb(25,110,129)
```
#1c7c92
```
#1c7c92 rgb(28,124,146)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#2298b2
```
#2298b2 rgb(34,152,178)
```
#25a6c3
```
#25a6c3 rgb(37,166,195)
```
#28b4d3
```
#28b4d3 rgb(40,180,211)
```

Shade Color Variation

#37bbd9
```
#37bbd9 rgb(55,187,217)
```
#47c1dc
```
#47c1dc rgb(71,193,220)
```
#58c6df
```
#58c6df rgb(88,198,223)
```
#68cce2
```
#68cce2 rgb(104,204,226)
```
#79d1e5
```
#79d1e5 rgb(121,209,229)
```
#89d7e8
```
#89d7e8 rgb(137,215,232)
```
#9addec
```
#9addec rgb(154,221,236)
```
#aae2ef
```
#aae2ef rgb(170,226,239)
```
#bae8f2
```
#bae8f2 rgb(186,232,242)
```
#cbedf5
```
#cbedf5 rgb(203,237,245)
```
#dbf3f8
```
#dbf3f8 rgb(219,243,248)
```
#ecf9fb
```
#ecf9fb rgb(236,249,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6467 is the less saturated color, while #019dc0 is the most saturated one.

#5a6467
```
#5a6467 rgb(90,100,103)
```
#53696e
```
#53696e rgb(83,105,110)
```
#4c6e75
```
#4c6e75 rgb(76,110,117)
```
#44727d
```
#44727d rgb(68,114,125)
```
#3d7784
```
#3d7784 rgb(61,119,132)
```
#357c8c
```
#357c8c rgb(53,124,140)
```
#2e8193
```
#2e8193 rgb(46,129,147)
```
#26859b
```
#26859b rgb(38,133,155)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#188fa9
```
#188fa9 rgb(24,143,169)
```
#1093b1
```
#1093b1 rgb(16,147,177)
```
#0998b8
```
#0998b8 rgb(9,152,184)
```
#019dc0
```
#019dc0 rgb(1,157,192)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5d7378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e849f Protanopia 1% of men
#7b83ab Deuteranopia 1% of men
#1b919c Tritanopia 0.001% of the population

Trichromacy

#5c86a0 Protanomaly 1% of men, 0.01% of women
#5985a8 Deuteranomaly 6% of men, 0.4% of women
#1c8f9e Tritanomaly 0.01% of the population

#1f8aa2 hex color

#1f8aa2 Color Information

#1f8aa2 Color Conversion

Color Schemes with #1f8aa2

Alternatives to #1f8aa2

#1f8aa2 Preview

Shades and Tints of #1f8aa2

Tones of #1f8aa2

Color Blindness Simulator