#1fa7bc hex color

In a RGB color space, hex #1fa7bc is composed of 12.2% red, 65.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 11.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 188 degrees, a saturation of 71.7% and a lightness of 42.9%. #1fa7bc color hex could be obtained by blending #3effff with #004f79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 65
- B 74
RGB color chart
- C 84
- M 11
- Y 0
- K 26
CMYK color chart

● #1fa7bc color description : Strong cyan.

The hexadecimal color #1fa7bc has RGB values of R:31, G:167, B:188 and CMYK values of C:0.84, M:0.11, Y:0, K:0.26. Its decimal value is 2074556.

Hex triplet	1fa7bc	`#1fa7bc`
RGB Decimal	31, 167, 188	`rgb(31,167,188)`
RGB Percent	12.2, 65.5, 73.7	`rgb(12.2%,65.5%,73.7%)`
CMYK	84, 11, 0, 26
HSL	188°, 71.7, 42.9	`hsl(188,71.7%,42.9%)`
HSV (or HSB)	188°, 83.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.975, -26.777, -20.595
XYZ	23.458, 31.557, 52.429
xyY	0.218, 0.294, 31.557
CIE-LCH	62.975, 33.781, 217.565
CIE-LUV	62.975, -44.525, -27.942
Hunter-Lab	56.176, -23.769, -16.012
Binary	00011111, 10100111, 10111100

#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#bc341f
```
#bc341f rgb(188,52,31)
```

Complementary Color

#1fbc83
```
#1fbc83 rgb(31,188,131)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#1f59bc
```
#1f59bc rgb(31,89,188)
```

Analogous Color

#bc831f
```
#bc831f rgb(188,131,31)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#bc1f59
```
#bc1f59 rgb(188,31,89)
```

Split Complementary Color

#a7bc1f
```
#a7bc1f rgb(167,188,31)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#bc1fa7
```
#bc1fa7 rgb(188,31,167)
```

Triadic Color

#1fbc34
```
#1fbc34 rgb(31,188,52)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#bc1fa7
```
#bc1fa7 rgb(188,31,167)
```
#bc341f
```
#bc341f rgb(188,52,31)
```

Tetradic Color

#146d7a
```
#146d7a rgb(20,109,122)
```
#188090
```
#188090 rgb(24,128,144)
```
#1b94a6
```
#1b94a6 rgb(27,148,166)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#23bad2
```
#23bad2 rgb(35,186,210)
```
#31c6dd
```
#31c6dd rgb(49,198,221)
```
#47cce1
```
#47cce1 rgb(71,204,225)
```

Monochromatic Color

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

#1fbcaa
```
#1fbcaa rgb(31,188,170)
```
#1fbcb7
```
#1fbcb7 rgb(31,188,183)
```
#1fb4bc
```
#1fb4bc rgb(31,180,188)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#1f9abc
```
#1f9abc rgb(31,154,188)
```
#1f8dbc
```
#1f8dbc rgb(31,141,188)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```

Similar Colors

Text with hexadecimal color #1fa7bc

This text has a font color of #1fa7bc.

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

#1fa7bc background color

This paragraph has a background color of #1fa7bc.

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

#1fa7bc border color

This element has a border color of #1fa7bc.

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

CSS codes

.text {color:#1fa7bc;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#031114
```
#031114 rgb(3,17,20)
```
#062024
```
#062024 rgb(6,32,36)
```
#092f35
```
#092f35 rgb(9,47,53)
```
#0c3e46
```
#0c3e46 rgb(12,62,70)
```
#0e4d57
```
#0e4d57 rgb(14,77,87)
```
#115c68
```
#115c68 rgb(17,92,104)
```
#146b79
```
#146b79 rgb(20,107,121)
```
#177a89
```
#177a89 rgb(23,122,137)
```
#19899a
```
#19899a rgb(25,137,154)
```
#1c98ab
```
#1c98ab rgb(28,152,171)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#22b6cd
```
#22b6cd rgb(34,182,205)
```

Shade Color Variation

#27c3db
```
#27c3db rgb(39,195,219)
```
#38c8de
```
#38c8de rgb(56,200,222)
```
#49cde1
```
#49cde1 rgb(73,205,225)
```
#59d1e4
```
#59d1e4 rgb(89,209,228)
```
#6ad6e6
```
#6ad6e6 rgb(106,214,230)
```
#7bdbe9
```
#7bdbe9 rgb(123,219,233)
```
#8cdfec
```
#8cdfec rgb(140,223,236)
```
#9de4ef
```
#9de4ef rgb(157,228,239)
```
#aee8f2
```
#aee8f2 rgb(174,232,242)
```
#beedf4
```
#beedf4 rgb(190,237,244)
```
#cff2f7
```
#cff2f7 rgb(207,242,247)
```
#e0f6fa
```
#e0f6fa rgb(224,246,250)
```
#f1fbfd
```
#f1fbfd rgb(241,251,253)
```

Tint Color Variation

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

#6b6f70
```
#6b6f70 rgb(107,111,112)
```
#627679
```
#627679 rgb(98,118,121)
```
#5a7c81
```
#5a7c81 rgb(90,124,129)
```
#528289
```
#528289 rgb(82,130,137)
```
#498892
```
#498892 rgb(73,136,146)
```
#418e9a
```
#418e9a rgb(65,142,154)
```
#3894a3
```
#3894a3 rgb(56,148,163)
```
#309bab
```
#309bab rgb(48,155,171)
```
#27a1b4
```
#27a1b4 rgb(39,161,180)
```
#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#17adc4
```
#17adc4 rgb(23,173,196)
```
#0eb3cd
```
#0eb3cd rgb(14,179,205)
```
#06bad5
```
#06bad5 rgb(6,186,213)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6d898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb6 Protanopia 1% of men
#959bc5 Deuteranopia 1% of men
#20acb9 Tritanopia 0.001% of the population

Trichromacy

#6ca0b8 Protanomaly 1% of men, 0.01% of women
#6a9fc2 Deuteranomaly 6% of men, 0.4% of women
#1faaba Tritanomaly 0.01% of the population

#1fa7bc hex color

#1fa7bc Color Information

#1fa7bc Color Conversion

Color Schemes with #1fa7bc

Alternatives to #1fa7bc

#1fa7bc Preview

Shades and Tints of #1fa7bc

Tones of #1fa7bc

Color Blindness Simulator