#1fa4b7 hex color

In a RGB color space, hex #1fa4b7 is composed of 12.2% red, 64.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 10.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 187.5 degrees, a saturation of 71% and a lightness of 42%. #1fa4b7 color hex could be obtained by blending #3effff with #00496f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 64
- B 72
RGB color chart
- C 83
- M 10
- Y 0
- K 28
CMYK color chart

● #1fa4b7 color description : Strong cyan.

The hexadecimal color #1fa4b7 has RGB values of R:31, G:164, B:183 and CMYK values of C:0.83, M:0.1, Y:0, K:0.28. Its decimal value is 2073783.

Hex triplet	1fa4b7	`#1fa4b7`
RGB Decimal	31, 164, 183	`rgb(31,164,183)`
RGB Percent	12.2, 64.3, 71.8	`rgb(12.2%,64.3%,71.8%)`
CMYK	83, 10, 0, 28
HSL	187.5°, 71, 42	`hsl(187.5,71%,42%)`
HSV (or HSB)	187.5°, 83.1, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.877, -26.9, -19.47
XYZ	22.385, 30.259, 49.458
xyY	0.219, 0.296, 30.259
CIE-LCH	61.877, 33.207, 215.897
CIE-LUV	61.877, -43.833, -26.029
Hunter-Lab	55.008, -23.624, -14.802
Binary	00011111, 10100100, 10110111

#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#b7321f
```
#b7321f rgb(183,50,31)
```

Complementary Color

#1fb77e
```
#1fb77e rgb(31,183,126)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#1f58b7
```
#1f58b7 rgb(31,88,183)
```

Analogous Color

#b77e1f
```
#b77e1f rgb(183,126,31)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#b71f58
```
#b71f58 rgb(183,31,88)
```

Split Complementary Color

#a4b71f
```
#a4b71f rgb(164,183,31)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#b71fa4
```
#b71fa4 rgb(183,31,164)
```

Triadic Color

#1fb732
```
#1fb732 rgb(31,183,50)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#b71fa4
```
#b71fa4 rgb(183,31,164)
```
#b7321f
```
#b7321f rgb(183,50,31)
```

Tetradic Color

#146976
```
#146976 rgb(20,105,118)
```
#187d8b
```
#187d8b rgb(24,125,139)
```
#1b90a1
```
#1b90a1 rgb(27,144,161)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#23b8cd
```
#23b8cd rgb(35,184,205)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#43ccdf
```
#43ccdf rgb(67,204,223)
```

Monochromatic Color

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

#1fb7a4
```
#1fb7a4 rgb(31,183,164)
```
#1fb7b1
```
#1fb7b1 rgb(31,183,177)
```
#1fb1b7
```
#1fb1b7 rgb(31,177,183)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#1f97b7
```
#1f97b7 rgb(31,151,183)
```
#1f8bb7
```
#1f8bb7 rgb(31,139,183)
```
#1f7eb7
```
#1f7eb7 rgb(31,126,183)
```

Similar Colors

Text with hexadecimal color #1fa4b7

This text has a font color of #1fa4b7.

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

#1fa4b7 background color

This paragraph has a background color of #1fa4b7.

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

#1fa4b7 border color

This element has a border color of #1fa4b7.

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

CSS codes

.text {color:#1fa4b7;}

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

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

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

#030e0f
```
#030e0f rgb(3,14,15)
```
#051d20
```
#051d20 rgb(5,29,32)
```
#082c31
```
#082c31 rgb(8,44,49)
```
#0b3b42
```
#0b3b42 rgb(11,59,66)
```
#0e4a52
```
#0e4a52 rgb(14,74,82)
```
#115963
```
#115963 rgb(17,89,99)
```
#146874
```
#146874 rgb(20,104,116)
```
#167785
```
#167785 rgb(22,119,133)
```
#198695
```
#198695 rgb(25,134,149)
```
#1c95a6
```
#1c95a6 rgb(28,149,166)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#22b3c8
```
#22b3c8 rgb(34,179,200)
```
#25c2d9
```
#25c2d9 rgb(37,194,217)
```

Shade Color Variation

#34c8dd
```
#34c8dd rgb(52,200,221)
```
#45ccdf
```
#45ccdf rgb(69,204,223)
```
#56d1e2
```
#56d1e2 rgb(86,209,226)
```
#67d5e5
```
#67d5e5 rgb(103,213,229)
```
#77dae8
```
#77dae8 rgb(119,218,232)
```
#88dfeb
```
#88dfeb rgb(136,223,235)
```
#99e3ee
```
#99e3ee rgb(153,227,238)
```
#aae8f1
```
#aae8f1 rgb(170,232,241)
```
#baecf3
```
#baecf3 rgb(186,236,243)
```
#cbf1f6
```
#cbf1f6 rgb(203,241,246)
```
#dcf5f9
```
#dcf5f9 rgb(220,245,249)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6d is the less saturated color, while #06b7d0 is the most saturated one.

#696c6d
```
#696c6d rgb(105,108,109)
```
#617375
```
#617375 rgb(97,115,117)
```
#59797d
```
#59797d rgb(89,121,125)
```
#507f86
```
#507f86 rgb(80,127,134)
```
#48858e
```
#48858e rgb(72,133,142)
```
#408b96
```
#408b96 rgb(64,139,150)
```
#38919e
```
#38919e rgb(56,145,158)
```
#2f98a7
```
#2f98a7 rgb(47,152,167)
```
#279eaf
```
#279eaf rgb(39,158,175)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#17aabf
```
#17aabf rgb(23,170,191)
```
#0fb0c7
```
#0fb0c7 rgb(15,176,199)
```
#06b7d0
```
#06b7d0 rgb(6,183,208)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9699b1 Protanopia 1% of men
#9498c1 Deuteranopia 1% of men
#23a9b6 Tritanopia 0.001% of the population

Trichromacy

#6a9db3 Protanomaly 1% of men, 0.01% of women
#699cbd Deuteranomaly 6% of men, 0.4% of women
#21a7b6 Tritanomaly 0.01% of the population

#1fa4b7 hex color

#1fa4b7 Color Information

#1fa4b7 Color Conversion

Color Schemes with #1fa4b7

Alternatives to #1fa4b7

#1fa4b7 Preview

Shades and Tints of #1fa4b7

Tones of #1fa4b7

Color Blindness Simulator