#1fa5ba hex color

In a RGB color space, hex #1fa5ba is composed of 12.2% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 188.1 degrees, a saturation of 71.4% and a lightness of 42.5%. #1fa5ba color hex could be obtained by blending #3effff with #004b75. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 65
- B 73
RGB color chart
- C 83
- M 11
- Y 0
- K 27
CMYK color chart

● #1fa5ba color description : Strong cyan.

The hexadecimal color #1fa5ba has RGB values of R:31, G:165, B:186 and CMYK values of C:0.83, M:0.11, Y:0, K:0.27. Its decimal value is 2074042.

Hex triplet	1fa5ba	`#1fa5ba`
RGB Decimal	31, 165, 186	`rgb(31,165,186)`
RGB Percent	12.2, 64.7, 72.9	`rgb(12.2%,64.7%,72.9%)`
CMYK	83, 11, 0, 27
HSL	188.1°, 71.4, 42.5	`hsl(188.1,71.4%,42.5%)`
HSV (or HSB)	188.1°, 83.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.291, -26.425, -20.52
XYZ	22.881, 30.745, 51.18
xyY	0.218, 0.293, 30.745
CIE-LCH	62.291, 33.457, 217.83
CIE-LUV	62.291, -43.968, -27.821
Hunter-Lab	55.448, -23.375, -15.913
Binary	00011111, 10100101, 10111010

#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#ba341f
```
#ba341f rgb(186,52,31)
```

Complementary Color

#1fba82
```
#1fba82 rgb(31,186,130)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#1f58ba
```
#1f58ba rgb(31,88,186)
```

Analogous Color

#ba821f
```
#ba821f rgb(186,130,31)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#ba1f58
```
#ba1f58 rgb(186,31,88)
```

Split Complementary Color

#a5ba1f
```
#a5ba1f rgb(165,186,31)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#ba1fa5
```
#ba1fa5 rgb(186,31,165)
```

Triadic Color

#1fba34
```
#1fba34 rgb(31,186,52)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#ba1fa5
```
#ba1fa5 rgb(186,31,165)
```
#ba341f
```
#ba341f rgb(186,52,31)
```

Tetradic Color

#146b78
```
#146b78 rgb(20,107,120)
```
#187e8e
```
#187e8e rgb(24,126,142)
```
#1b92a4
```
#1b92a4 rgb(27,146,164)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#23b8d0
```
#23b8d0 rgb(35,184,208)
```
#30c5dc
```
#30c5dc rgb(48,197,220)
```
#45cbe0
```
#45cbe0 rgb(69,203,224)
```

Monochromatic Color

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

#1fbaa8
```
#1fbaa8 rgb(31,186,168)
```
#1fbab5
```
#1fbab5 rgb(31,186,181)
```
#1fb2ba
```
#1fb2ba rgb(31,178,186)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#1f98ba
```
#1f98ba rgb(31,152,186)
```
#1f8bba
```
#1f8bba rgb(31,139,186)
```
#1f7eba
```
#1f7eba rgb(31,126,186)
```

Similar Colors

Text with hexadecimal color #1fa5ba

This text has a font color of #1fa5ba.

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

#1fa5ba background color

This paragraph has a background color of #1fa5ba.

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

#1fa5ba border color

This element has a border color of #1fa5ba.

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

CSS codes

.text {color:#1fa5ba;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031012
```
#031012 rgb(3,16,18)
```
#061f23
```
#061f23 rgb(6,31,35)
```
#092e33
```
#092e33 rgb(9,46,51)
```
#0b3d44
```
#0b3d44 rgb(11,61,68)
```
#0e4c55
```
#0e4c55 rgb(14,76,85)
```
#115a66
```
#115a66 rgb(17,90,102)
```
#146977
```
#146977 rgb(20,105,119)
```
#177888
```
#177888 rgb(23,120,136)
```
#198798
```
#198798 rgb(25,135,152)
```
#1c96a9
```
#1c96a9 rgb(28,150,169)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#22b4cb
```
#22b4cb rgb(34,180,203)
```

Shade Color Variation

#25c2db
```
#25c2db rgb(37,194,219)
```
#36c7de
```
#36c7de rgb(54,199,222)
```
#47cce0
```
#47cce0 rgb(71,204,224)
```
#58d0e3
```
#58d0e3 rgb(88,208,227)
```
#69d5e6
```
#69d5e6 rgb(105,213,230)
```
#7adae9
```
#7adae9 rgb(122,218,233)
```
#8adeec
```
#8adeec rgb(138,222,236)
```
#9be3ee
```
#9be3ee rgb(155,227,238)
```
#ace8f1
```
#ace8f1 rgb(172,232,241)
```
#bdecf4
```
#bdecf4 rgb(189,236,244)
```
#cef1f7
```
#cef1f7 rgb(206,241,247)
```
#def6fa
```
#def6fa rgb(222,246,250)
```
#effbfc
```
#effbfc rgb(239,251,252)
```

Tint Color Variation

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

#6a6e6f
```
#6a6e6f rgb(106,110,111)
```
#627477
```
#627477 rgb(98,116,119)
```
#597a80
```
#597a80 rgb(89,122,128)
```
#518088
```
#518088 rgb(81,128,136)
```
#498790
```
#498790 rgb(73,135,144)
```
#408d99
```
#408d99 rgb(64,141,153)
```
#3893a1
```
#3893a1 rgb(56,147,161)
```
#3099a9
```
#3099a9 rgb(48,153,169)
```
#279fb2
```
#279fb2 rgb(39,159,178)
```
#1fa5ba
```
#1fa5ba rgb(31,165,186)
```
#17abc2
```
#17abc2 rgb(23,171,194)
```
#0eb1cb
```
#0eb1cb rgb(14,177,203)
```
#06b7d3
```
#06b7d3 rgb(6,183,211)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#969ab4 Protanopia 1% of men
#9499c3 Deuteranopia 1% of men
#20aab7 Tritanopia 0.001% of the population

Trichromacy

#6b9eb6 Protanomaly 1% of men, 0.01% of women
#699dc0 Deuteranomaly 6% of men, 0.4% of women
#1fa8b8 Tritanomaly 0.01% of the population

#1fa5ba hex color

#1fa5ba Color Information

#1fa5ba Color Conversion

Color Schemes with #1fa5ba

Alternatives to #1fa5ba

#1fa5ba Preview

Shades and Tints of #1fa5ba

Tones of #1fa5ba

Color Blindness Simulator