#1fa3bd hex color

In a RGB color space, hex #1fa3bd is composed of 12.2% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 189.9 degrees, a saturation of 71.8% and a lightness of 43.1%. #1fa3bd color hex could be obtained by blending #3effff with #00477b. Closest websafe color is: #3399cc.

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

● #1fa3bd color description : Strong cyan.

The hexadecimal color #1fa3bd has RGB values of R:31, G:163, B:189 and CMYK values of C:0.84, M:0.14, Y:0, K:0.26. Its decimal value is 2073533.

Hex triplet	1fa3bd	`#1fa3bd`
RGB Decimal	31, 163, 189	`rgb(31,163,189)`
RGB Percent	12.2, 63.9, 74.1	`rgb(12.2%,63.9%,74.1%)`
CMYK	84, 14, 0, 26
HSL	189.9°, 71.8, 43.1	`hsl(189.9,71.8%,43.1%)`
HSV (or HSB)	189.9°, 83.6, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.79, -24.425, -22.966
XYZ	22.845, 30.158, 52.758
xyY	0.216, 0.285, 30.158
CIE-LCH	61.79, 33.527, 223.237
CIE-LUV	61.79, -43.047, -32.037
Hunter-Lab	54.916, -21.847, -18.519
Binary	00011111, 10100011, 10111101

#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#bd391f
```
#bd391f rgb(189,57,31)
```

Complementary Color

#1fbd88
```
#1fbd88 rgb(31,189,136)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#1f54bd
```
#1f54bd rgb(31,84,189)
```

Analogous Color

#bd881f
```
#bd881f rgb(189,136,31)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#bd1f54
```
#bd1f54 rgb(189,31,84)
```

Split Complementary Color

#a3bd1f
```
#a3bd1f rgb(163,189,31)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#bd1fa3
```
#bd1fa3 rgb(189,31,163)
```

Triadic Color

#1fbd39
```
#1fbd39 rgb(31,189,57)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#bd1fa3
```
#bd1fa3 rgb(189,31,163)
```
#bd391f
```
#bd391f rgb(189,57,31)
```

Tetradic Color

#146a7b
```
#146a7b rgb(20,106,123)
```
#187d91
```
#187d91 rgb(24,125,145)
```
#1b90a7
```
#1b90a7 rgb(27,144,167)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#23b6d3
```
#23b6d3 rgb(35,182,211)
```
#32c1dd
```
#32c1dd rgb(50,193,221)
```
#48c8e1
```
#48c8e1 rgb(72,200,225)
```

Monochromatic Color

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

#1fbdb0
```
#1fbdb0 rgb(31,189,176)
```
#1fbdbd
```
#1fbdbd rgb(31,189,189)
```
#1fb0bd
```
#1fb0bd rgb(31,176,189)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#1f96bd
```
#1f96bd rgb(31,150,189)
```
#1f89bd
```
#1f89bd rgb(31,137,189)
```
#1f7cbd
```
#1f7cbd rgb(31,124,189)
```

Similar Colors

Text with hexadecimal color #1fa3bd

This text has a font color of #1fa3bd.

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

#1fa3bd background color

This paragraph has a background color of #1fa3bd.

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

#1fa3bd border color

This element has a border color of #1fa3bd.

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

CSS codes

.text {color:#1fa3bd;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#031214
```
#031214 rgb(3,18,20)
```
#062025
```
#062025 rgb(6,32,37)
```
#092f36
```
#092f36 rgb(9,47,54)
```
#0c3d47
```
#0c3d47 rgb(12,61,71)
```
#0e4c58
```
#0e4c58 rgb(14,76,88)
```
#115a69
```
#115a69 rgb(17,90,105)
```
#14697a
```
#14697a rgb(20,105,122)
```
#17778a
```
#17778a rgb(23,119,138)
```
#19869b
```
#19869b rgb(25,134,155)
```
#1c94ac
```
#1c94ac rgb(28,148,172)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#22b2ce
```
#22b2ce rgb(34,178,206)
```

Shade Color Variation

#28bedc
```
#28bedc rgb(40,190,220)
```
#38c3de
```
#38c3de rgb(56,195,222)
```
#49c8e1
```
#49c8e1 rgb(73,200,225)
```
#5acde4
```
#5acde4 rgb(90,205,228)
```
#6bd2e7
```
#6bd2e7 rgb(107,210,231)
```
#7cd7e9
```
#7cd7e9 rgb(124,215,233)
```
#8dddec
```
#8dddec rgb(141,221,236)
```
#9ee2ef
```
#9ee2ef rgb(158,226,239)
```
#aee7f2
```
#aee7f2 rgb(174,231,242)
```
#bfecf5
```
#bfecf5 rgb(191,236,245)
```
#d0f1f7
```
#d0f1f7 rgb(208,241,247)
```
#e1f6fa
```
#e1f6fa rgb(225,246,250)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

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

#6b7071
```
#6b7071 rgb(107,112,113)
```
#637679
```
#637679 rgb(99,118,121)
```
#5a7b82
```
#5a7b82 rgb(90,123,130)
```
#52818a
```
#52818a rgb(82,129,138)
```
#498793
```
#498793 rgb(73,135,147)
```
#418c9b
```
#418c9b rgb(65,140,155)
```
#3892a4
```
#3892a4 rgb(56,146,164)
```
#3098ac
```
#3098ac rgb(48,152,172)
```
#279db5
```
#279db5 rgb(39,157,181)
```
#1fa3bd
```
#1fa3bd rgb(31,163,189)
```
#17a9c5
```
#17a9c5 rgb(23,169,197)
```
#0eaece
```
#0eaece rgb(14,174,206)
```
#06b4d6
```
#06b4d6 rgb(6,180,214)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b858b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399b7 Protanopia 1% of men
#8f98c6 Deuteranopia 1% of men
#15a9b6 Tritanopia 0.001% of the population

Trichromacy

#699cb9 Protanomaly 1% of men, 0.01% of women
#669cc2 Deuteranomaly 6% of men, 0.4% of women
#18a7b8 Tritanomaly 0.01% of the population

#1fa3bd hex color

#1fa3bd Color Information

#1fa3bd Color Conversion

Color Schemes with #1fa3bd

Alternatives to #1fa3bd

#1fa3bd Preview

Shades and Tints of #1fa3bd

Tones of #1fa3bd

Color Blindness Simulator