#1fa1b8 hex color

In a RGB color space, hex #1fa1b8 is composed of 12.2% red, 63.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 12.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 189 degrees, a saturation of 71.2% and a lightness of 42.2%. #1fa1b8 color hex could be obtained by blending #3effff with #004371. Closest websafe color is: #3399cc.

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

● #1fa1b8 color description : Strong cyan.

The hexadecimal color #1fa1b8 has RGB values of R:31, G:161, B:184 and CMYK values of C:0.83, M:0.13, Y:0, K:0.28. Its decimal value is 2073016.

Hex triplet	1fa1b8	`#1fa1b8`
RGB Decimal	31, 161, 184	`rgb(31,161,184)`
RGB Percent	12.2, 63.1, 72.2	`rgb(12.2%,63.1%,72.2%)`
CMYK	83, 13, 0, 28
HSL	189°, 71.2, 42.2	`hsl(189,71.2%,42.2%)`
HSV (or HSB)	189°, 83.2, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.993, -25.059, -21.381
XYZ	21.959, 29.24, 49.831
xyY	0.217, 0.289, 29.24
CIE-LCH	60.993, 32.941, 220.471
CIE-LUV	60.993, -42.703, -29.31
Hunter-Lab	54.074, -22.14, -16.787
Binary	00011111, 10100001, 10111000

#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#b8361f
```
#b8361f rgb(184,54,31)
```

Complementary Color

#1fb883
```
#1fb883 rgb(31,184,131)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#1f55b8
```
#1f55b8 rgb(31,85,184)
```

Analogous Color

#b8831f
```
#b8831f rgb(184,131,31)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#b81f55
```
#b81f55 rgb(184,31,85)
```

Split Complementary Color

#a1b81f
```
#a1b81f rgb(161,184,31)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#b81fa1
```
#b81fa1 rgb(184,31,161)
```

Triadic Color

#1fb836
```
#1fb836 rgb(31,184,54)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#b81fa1
```
#b81fa1 rgb(184,31,161)
```
#b8361f
```
#b8361f rgb(184,54,31)
```

Tetradic Color

#146877
```
#146877 rgb(20,104,119)
```
#187b8c
```
#187b8c rgb(24,123,140)
```
#1b8ea2
```
#1b8ea2 rgb(27,142,162)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#23b4ce
```
#23b4ce rgb(35,180,206)
```
#2ec2dc
```
#2ec2dc rgb(46,194,220)
```
#44c8df
```
#44c8df rgb(68,200,223)
```

Monochromatic Color

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

#1fb8a9
```
#1fb8a9 rgb(31,184,169)
```
#1fb8b6
```
#1fb8b6 rgb(31,184,182)
```
#1faeb8
```
#1faeb8 rgb(31,174,184)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#1f94b8
```
#1f94b8 rgb(31,148,184)
```
#1f88b8
```
#1f88b8 rgb(31,136,184)
```
#1f7bb8
```
#1f7bb8 rgb(31,123,184)
```

Similar Colors

Text with hexadecimal color #1fa1b8

This text has a font color of #1fa1b8.

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

#1fa1b8 background color

This paragraph has a background color of #1fa1b8.

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

#1fa1b8 border color

This element has a border color of #1fa1b8.

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

CSS codes

.text {color:#1fa1b8;}

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

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

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

#030e10
```
#030e10 rgb(3,14,16)
```
#061d21
```
#061d21 rgb(6,29,33)
```
#082b32
```
#082b32 rgb(8,43,50)
```
#0b3a42
```
#0b3a42 rgb(11,58,66)
```
#0e4953
```
#0e4953 rgb(14,73,83)
```
#115864
```
#115864 rgb(17,88,100)
```
#146675
```
#146675 rgb(20,102,117)
```
#177586
```
#177586 rgb(23,117,134)
```
#198496
```
#198496 rgb(25,132,150)
```
#1c92a7
```
#1c92a7 rgb(28,146,167)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#22b0c9
```
#22b0c9 rgb(34,176,201)
```
#25beda
```
#25beda rgb(37,190,218)
```

Shade Color Variation

#35c4dd
```
#35c4dd rgb(53,196,221)
```
#46c9e0
```
#46c9e0 rgb(70,201,224)
```
#56cee3
```
#56cee3 rgb(86,206,227)
```
#67d2e5
```
#67d2e5 rgb(103,210,229)
```
#78d7e8
```
#78d7e8 rgb(120,215,232)
```
#89dceb
```
#89dceb rgb(137,220,235)
```
#9ae1ee
```
#9ae1ee rgb(154,225,238)
```
#aae6f1
```
#aae6f1 rgb(170,230,241)
```
#bbebf4
```
#bbebf4 rgb(187,235,244)
```
#ccf0f6
```
#ccf0f6 rgb(204,240,246)
```
#ddf5f9
```
#ddf5f9 rgb(221,245,249)
```
#eefafc
```
#eefafc rgb(238,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696d6e
```
#696d6e rgb(105,109,110)
```
#617376
```
#617376 rgb(97,115,118)
```
#59797e
```
#59797e rgb(89,121,126)
```
#517e86
```
#517e86 rgb(81,126,134)
```
#48848f
```
#48848f rgb(72,132,143)
```
#408a97
```
#408a97 rgb(64,138,151)
```
#38909f
```
#38909f rgb(56,144,159)
```
#3095a7
```
#3095a7 rgb(48,149,167)
```
#279bb0
```
#279bb0 rgb(39,155,176)
```
#1fa1b8
```
#1fa1b8 rgb(31,161,184)
```
#17a7c0
```
#17a7c0 rgb(23,167,192)
```
#0eadc9
```
#0eadc9 rgb(14,173,201)
```
#06b2d1
```
#06b2d1 rgb(6,178,209)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6a8489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9297b2 Protanopia 1% of men
#8f96c1 Deuteranopia 1% of men
#1ca7b3 Tritanopia 0.001% of the population

Trichromacy

#689ab4 Protanomaly 1% of men, 0.01% of women
#669abe Deuteranomaly 6% of men, 0.4% of women
#1da5b5 Tritanomaly 0.01% of the population

#1fa1b8 hex color

#1fa1b8 Color Information

#1fa1b8 Color Conversion

Color Schemes with #1fa1b8

Alternatives to #1fa1b8

#1fa1b8 Preview

Shades and Tints of #1fa1b8

Tones of #1fa1b8

Color Blindness Simulator