#1fb3bc hex color

In a RGB color space, hex #1fb3bc is composed of 12.2% red, 70.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 4.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 183.4 degrees, a saturation of 71.7% and a lightness of 42.9%. #1fb3bc color hex could be obtained by blending #3effff with #006779. Closest websafe color is: #33cccc.

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

● #1fb3bc color description : Strong cyan.

The hexadecimal color #1fb3bc has RGB values of R:31, G:179, B:188 and CMYK values of C:0.84, M:0.05, Y:0, K:0.26. Its decimal value is 2077628.

Hex triplet	1fb3bc	`#1fb3bc`
RGB Decimal	31, 179, 188	`rgb(31,179,188)`
RGB Percent	12.2, 70.2, 73.7	`rgb(12.2%,70.2%,73.7%)`
CMYK	84, 5, 0, 26
HSL	183.4°, 71.7, 42.9	`hsl(183.4,71.7%,42.9%)`
HSV (or HSB)	183.4°, 83.5, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.642, -32.644, -15.034
XYZ	25.76, 36.16, 53.196
xyY	0.224, 0.314, 36.16
CIE-LCH	66.642, 35.939, 204.729
CIE-LUV	66.642, -48.736, -18.322
Hunter-Lab	60.133, -28.768, -10.357
Binary	00011111, 10110011, 10111100

#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#bc281f
```
#bc281f rgb(188,40,31)
```

Complementary Color

#1fbc77
```
#1fbc77 rgb(31,188,119)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#1f65bc
```
#1f65bc rgb(31,101,188)
```

Analogous Color

#bc771f
```
#bc771f rgb(188,119,31)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#bc1f65
```
#bc1f65 rgb(188,31,101)
```

Split Complementary Color

#b3bc1f
```
#b3bc1f rgb(179,188,31)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#bc1fb3
```
#bc1fb3 rgb(188,31,179)
```

Triadic Color

#1fbc28
```
#1fbc28 rgb(31,188,40)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#bc1fb3
```
#bc1fb3 rgb(188,31,179)
```
#bc281f
```
#bc281f rgb(188,40,31)
```

Tetradic Color

#14747a
```
#14747a rgb(20,116,122)
```
#188990
```
#188990 rgb(24,137,144)
```
#1b9ea6
```
#1b9ea6 rgb(27,158,166)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#23c8d2
```
#23c8d2 rgb(35,200,210)
```
#31d3dd
```
#31d3dd rgb(49,211,221)
```
#47d8e1
```
#47d8e1 rgb(71,216,225)
```

Monochromatic Color

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

#1fbc9e
```
#1fbc9e rgb(31,188,158)
```
#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)
```

Similar Colors

Text with hexadecimal color #1fb3bc

This text has a font color of #1fb3bc.

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

#1fb3bc background color

This paragraph has a background color of #1fb3bc.

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

#1fb3bc border color

This element has a border color of #1fb3bc.

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

CSS codes

.text {color:#1fb3bc;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#031314
```
#031314 rgb(3,19,20)
```
#062324
```
#062324 rgb(6,35,36)
```
#093335
```
#093335 rgb(9,51,53)
```
#0c4346
```
#0c4346 rgb(12,67,70)
```
#0e5357
```
#0e5357 rgb(14,83,87)
```
#116368
```
#116368 rgb(17,99,104)
```
#147379
```
#147379 rgb(20,115,121)
```
#178389
```
#178389 rgb(23,131,137)
```
#19939a
```
#19939a rgb(25,147,154)
```
#1ca3ab
```
#1ca3ab rgb(28,163,171)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#22c3cd
```
#22c3cd rgb(34,195,205)
```

Shade Color Variation

#27d1db
```
#27d1db rgb(39,209,219)
```
#38d5de
```
#38d5de rgb(56,213,222)
```
#49d8e1
```
#49d8e1 rgb(73,216,225)
```
#59dce4
```
#59dce4 rgb(89,220,228)
```
#6adfe6
```
#6adfe6 rgb(106,223,230)
```
#7be3e9
```
#7be3e9 rgb(123,227,233)
```
#8ce7ec
```
#8ce7ec rgb(140,231,236)
```
#9deaef
```
#9deaef rgb(157,234,239)
```
#aeeef2
```
#aeeef2 rgb(174,238,242)
```
#bef1f4
```
#bef1f4 rgb(190,241,244)
```
#cff5f7
```
#cff5f7 rgb(207,245,247)
```
#e0f8fa
```
#e0f8fa rgb(224,248,250)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

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

#6b7070
```
#6b7070 rgb(107,112,112)
```
#627779
```
#627779 rgb(98,119,121)
```
#5a7f81
```
#5a7f81 rgb(90,127,129)
```
#528689
```
#528689 rgb(82,134,137)
```
#498e92
```
#498e92 rgb(73,142,146)
```
#41959a
```
#41959a rgb(65,149,154)
```
#389da3
```
#389da3 rgb(56,157,163)
```
#30a4ab
```
#30a4ab rgb(48,164,171)
```
#27acb4
```
#27acb4 rgb(39,172,180)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```
#17bac4
```
#17bac4 rgb(23,186,196)
```
#0ec2cd
```
#0ec2cd rgb(14,194,205)
```
#06c9d5
```
#06c9d5 rgb(6,201,213)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#739192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a5b5 Protanopia 1% of men
#a5a3c6 Deuteranopia 1% of men
#30b6c3 Tritanopia 0.001% of the population

Trichromacy

#74aab7 Protanomaly 1% of men, 0.01% of women
#74a9c2 Deuteranomaly 6% of men, 0.4% of women
#29b5c0 Tritanomaly 0.01% of the population

#1fb3bc hex color

#1fb3bc Color Information

#1fb3bc Color Conversion

Color Schemes with #1fb3bc

Alternatives to #1fb3bc

#1fb3bc Preview

Shades and Tints of #1fb3bc

Tones of #1fb3bc

Color Blindness Simulator