#1fa6bc hex color

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

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

● #1fa6bc color description : Strong cyan.

The hexadecimal color #1fa6bc has RGB values of R:31, G:166, B:188 and CMYK values of C:0.84, M:0.12, Y:0, K:0.26. Its decimal value is 2074300.

Hex triplet	1fa6bc	`#1fa6bc`
RGB Decimal	31, 166, 188	`rgb(31,166,188)`
RGB Percent	12.2, 65.1, 73.7	`rgb(12.2%,65.1%,73.7%)`
CMYK	84, 12, 0, 26
HSL	188.4°, 71.7, 42.9	`hsl(188.4,71.7%,42.9%)`
HSV (or HSB)	188.4°, 83.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.67, -26.275, -21.061
XYZ	23.276, 31.192, 52.368
xyY	0.218, 0.292, 31.192
CIE-LCH	62.67, 33.674, 218.715
CIE-LUV	62.67, -44.174, -28.748
Hunter-Lab	55.85, -23.347, -16.499
Binary	00011111, 10100110, 10111100

#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#bc351f
```
#bc351f rgb(188,53,31)
```

Complementary Color

#1fbc84
```
#1fbc84 rgb(31,188,132)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#1f58bc
```
#1f58bc rgb(31,88,188)
```

Analogous Color

#bc841f
```
#bc841f rgb(188,132,31)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#bc1f58
```
#bc1f58 rgb(188,31,88)
```

Split Complementary Color

#a6bc1f
```
#a6bc1f rgb(166,188,31)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#bc1fa6
```
#bc1fa6 rgb(188,31,166)
```

Triadic Color

#1fbc35
```
#1fbc35 rgb(31,188,53)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#bc1fa6
```
#bc1fa6 rgb(188,31,166)
```
#bc351f
```
#bc351f rgb(188,53,31)
```

Tetradic Color

#146c7a
```
#146c7a rgb(20,108,122)
```
#187f90
```
#187f90 rgb(24,127,144)
```
#1b93a6
```
#1b93a6 rgb(27,147,166)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#23b9d2
```
#23b9d2 rgb(35,185,210)
```
#31c5dd
```
#31c5dd rgb(49,197,221)
```
#47cbe1
```
#47cbe1 rgb(71,203,225)
```

Monochromatic Color

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

#1fbcab
```
#1fbcab rgb(31,188,171)
```
#1fbcb8
```
#1fbcb8 rgb(31,188,184)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#1f99bc
```
#1f99bc rgb(31,153,188)
```
#1f8cbc
```
#1f8cbc rgb(31,140,188)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```

Similar Colors

Text with hexadecimal color #1fa6bc

This text has a font color of #1fa6bc.

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

#1fa6bc background color

This paragraph has a background color of #1fa6bc.

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

#1fa6bc border color

This element has a border color of #1fa6bc.

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

CSS codes

.text {color:#1fa6bc;}

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

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

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)
```
#177989
```
#177989 rgb(23,121,137)
```
#19889a
```
#19889a rgb(25,136,154)
```
#1c97ab
```
#1c97ab rgb(28,151,171)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#22b5cd
```
#22b5cd rgb(34,181,205)
```

Shade Color Variation

#27c2db
```
#27c2db rgb(39,194,219)
```
#38c7de
```
#38c7de rgb(56,199,222)
```
#49cce1
```
#49cce1 rgb(73,204,225)
```
#59d0e4
```
#59d0e4 rgb(89,208,228)
```
#6ad5e6
```
#6ad5e6 rgb(106,213,230)
```
#7bdae9
```
#7bdae9 rgb(123,218,233)
```
#8cdfec
```
#8cdfec rgb(140,223,236)
```
#9de3ef
```
#9de3ef rgb(157,227,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 #06b8d5 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)
```
#309aab
```
#309aab rgb(48,154,171)
```
#27a0b4
```
#27a0b4 rgb(39,160,180)
```
#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#17acc4
```
#17acc4 rgb(23,172,196)
```
#0eb2cd
```
#0eb2cd rgb(14,178,205)
```
#06b8d5
```
#06b8d5 rgb(6,184,213)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6d888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb6 Protanopia 1% of men
#949ac5 Deuteranopia 1% of men
#1eabb8 Tritanopia 0.001% of the population

Trichromacy

#6b9fb8 Protanomaly 1% of men, 0.01% of women
#699ec2 Deuteranomaly 6% of men, 0.4% of women
#1ea9b9 Tritanomaly 0.01% of the population

#1fa6bc hex color

#1fa6bc Color Information

#1fa6bc Color Conversion

Color Schemes with #1fa6bc

Alternatives to #1fa6bc

#1fa6bc Preview

Shades and Tints of #1fa6bc

Tones of #1fa6bc

Color Blindness Simulator