#1fafb7 hex color

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

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

● #1fafb7 color description : Strong cyan.

The hexadecimal color #1fafb7 has RGB values of R:31, G:175, B:183 and CMYK values of C:0.83, M:0.04, Y:0, K:0.28. Its decimal value is 2076599.

Hex triplet	1fafb7	`#1fafb7`
RGB Decimal	31, 175, 183	`rgb(31,175,183)`
RGB Percent	12.2, 68.6, 71.8	`rgb(12.2%,68.6%,71.8%)`
CMYK	83, 4, 0, 28
HSL	183.2°, 71, 42	`hsl(183.2,71%,42%)`
HSV (or HSB)	183.2°, 83.1, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.253, -32.282, -14.355
XYZ	24.44, 34.368, 50.143
xyY	0.224, 0.315, 34.368
CIE-LCH	65.253, 35.33, 203.973
CIE-LUV	65.253, -47.707, -17.229
Hunter-Lab	58.624, -28.177, -9.676
Binary	00011111, 10101111, 10110111

#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#b7271f
```
#b7271f rgb(183,39,31)
```

Complementary Color

#1fb773
```
#1fb773 rgb(31,183,115)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#1f63b7
```
#1f63b7 rgb(31,99,183)
```

Analogous Color

#b7731f
```
#b7731f rgb(183,115,31)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#b71f63
```
#b71f63 rgb(183,31,99)
```

Split Complementary Color

#afb71f
```
#afb71f rgb(175,183,31)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#b71faf
```
#b71faf rgb(183,31,175)
```

Triadic Color

#1fb727
```
#1fb727 rgb(31,183,39)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#b71faf
```
#b71faf rgb(183,31,175)
```
#b7271f
```
#b7271f rgb(183,39,31)
```

Tetradic Color

#147076
```
#147076 rgb(20,112,118)
```
#18858b
```
#18858b rgb(24,133,139)
```
#1b9aa1
```
#1b9aa1 rgb(27,154,161)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#23c4cd
```
#23c4cd rgb(35,196,205)
```
#2dd2dc
```
#2dd2dc rgb(45,210,220)
```
#43d7df
```
#43d7df rgb(67,215,223)
```

Monochromatic Color

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

#1fb799
```
#1fb799 rgb(31,183,153)
```
#1fb7a6
```
#1fb7a6 rgb(31,183,166)
```
#1fb7b2
```
#1fb7b2 rgb(31,183,178)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#1fa2b7
```
#1fa2b7 rgb(31,162,183)
```
#1f96b7
```
#1f96b7 rgb(31,150,183)
```
#1f89b7
```
#1f89b7 rgb(31,137,183)
```

Similar Colors

Text with hexadecimal color #1fafb7

This text has a font color of #1fafb7.

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

#1fafb7 background color

This paragraph has a background color of #1fafb7.

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

#1fafb7 border color

This element has a border color of #1fafb7.

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

CSS codes

.text {color:#1fafb7;}

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

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

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

#030f0f
```
#030f0f rgb(3,15,15)
```
#051f20
```
#051f20 rgb(5,31,32)
```
#082f31
```
#082f31 rgb(8,47,49)
```
#0b3f42
```
#0b3f42 rgb(11,63,66)
```
#0e4f52
```
#0e4f52 rgb(14,79,82)
```
#115f63
```
#115f63 rgb(17,95,99)
```
#146f74
```
#146f74 rgb(20,111,116)
```
#167f85
```
#167f85 rgb(22,127,133)
```
#198f95
```
#198f95 rgb(25,143,149)
```
#1c9fa6
```
#1c9fa6 rgb(28,159,166)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#22bfc8
```
#22bfc8 rgb(34,191,200)
```
#25cfd9
```
#25cfd9 rgb(37,207,217)
```

Shade Color Variation

#34d4dd
```
#34d4dd rgb(52,212,221)
```
#45d7df
```
#45d7df rgb(69,215,223)
```
#56dbe2
```
#56dbe2 rgb(86,219,226)
```
#67dfe5
```
#67dfe5 rgb(103,223,229)
```
#77e2e8
```
#77e2e8 rgb(119,226,232)
```
#88e6eb
```
#88e6eb rgb(136,230,235)
```
#99e9ee
```
#99e9ee rgb(153,233,238)
```
#aaedf1
```
#aaedf1 rgb(170,237,241)
```
#baf0f3
```
#baf0f3 rgb(186,240,243)
```
#cbf4f6
```
#cbf4f6 rgb(203,244,246)
```
#dcf8f9
```
#dcf8f9 rgb(220,248,249)
```
#edfbfc
```
#edfbfc rgb(237,251,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#696d6d
```
#696d6d rgb(105,109,109)
```
#617475
```
#617475 rgb(97,116,117)
```
#597b7d
```
#597b7d rgb(89,123,125)
```
#508386
```
#508386 rgb(80,131,134)
```
#488a8e
```
#488a8e rgb(72,138,142)
```
#409296
```
#409296 rgb(64,146,150)
```
#38999e
```
#38999e rgb(56,153,158)
```
#2fa0a7
```
#2fa0a7 rgb(47,160,167)
```
#27a8af
```
#27a8af rgb(39,168,175)
```
#1fafb7
```
#1fafb7 rgb(31,175,183)
```
#17b6bf
```
#17b6bf rgb(23,182,191)
```
#0fbec7
```
#0fbec7 rgb(15,190,199)
```
#06c5d0
```
#06c5d0 rgb(6,197,208)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#718d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a2b0 Protanopia 1% of men
#a2a0c1 Deuteranopia 1% of men
#30b2bf Tritanopia 0.001% of the population

Trichromacy

#72a6b3 Protanomaly 1% of men, 0.01% of women
#72a5bd Deuteranomaly 6% of men, 0.4% of women
#2ab1bc Tritanomaly 0.01% of the population

#1fafb7 hex color

#1fafb7 Color Information

#1fafb7 Color Conversion

Color Schemes with #1fafb7

Alternatives to #1fafb7

#1fafb7 Preview

Shades and Tints of #1fafb7

Tones of #1fafb7

Color Blindness Simulator