#1fb5b4 hex color

In a RGB color space, hex #1fb5b4 is composed of 12.2% red, 71% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 0.6% yellow and 29% black. It has a hue angle of 179.6 degrees, a saturation of 70.8% and a lightness of 41.6%. #1fb5b4 color hex could be obtained by blending #3effff with #006b69. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 71
- B 71
RGB color chart
- C 83
- M 0
- Y 1
- K 29
CMYK color chart

● #1fb5b4 color description : Strong cyan.

The hexadecimal color #1fb5b4 has RGB values of R:31, G:181, B:180 and CMYK values of C:0.83, M:0, Y:0.01, K:0.29. Its decimal value is 2078132.

Hex triplet	1fb5b4	`#1fb5b4`
RGB Decimal	31, 181, 180	`rgb(31,181,180)`
RGB Percent	12.2, 71, 70.6	`rgb(12.2%,71%,70.6%)`
CMYK	83, 0, 1, 29
HSL	179.6°, 70.8, 41.6	`hsl(179.6,70.8%,41.6%)`
HSV (or HSB)	179.6°, 82.9, 71
Web Safe	33cccc	`#33cccc`

CIE-LAB	67, -36.018, -10.071
XYZ	25.325, 36.632, 48.913
xyY	0.228, 0.33, 36.632
CIE-LCH	67, 37.4, 195.621
CIE-LUV	67, -50.037, -9.944
Hunter-Lab	60.524, -31.229, -5.549
Binary	00011111, 10110101, 10110100

#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#b51f20
```
#b51f20 rgb(181,31,32)
```

Complementary Color

#1fb569
```
#1fb569 rgb(31,181,105)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#1f6bb5
```
#1f6bb5 rgb(31,107,181)
```

Analogous Color

#b5691f
```
#b5691f rgb(181,105,31)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#b51f6b
```
#b51f6b rgb(181,31,107)
```

Split Complementary Color

#b5b41f
```
#b5b41f rgb(181,180,31)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#b41fb5
```
#b41fb5 rgb(180,31,181)
```

Triadic Color

#20b51f
```
#20b51f rgb(32,181,31)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#b41fb5
```
#b41fb5 rgb(180,31,181)
```
#b51f20
```
#b51f20 rgb(181,31,32)
```

Tetradic Color

#147473
```
#147473 rgb(20,116,115)
```
#188989
```
#188989 rgb(24,137,137)
```
#1b9f9e
```
#1b9f9e rgb(27,159,158)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#23cbca
```
#23cbca rgb(35,203,202)
```
#2cdbda
```
#2cdbda rgb(44,219,218)
```
#42dfde
```
#42dfde rgb(66,223,222)
```

Monochromatic Color

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

#1fb58f
```
#1fb58f rgb(31,181,143)
```
#1fb59b
```
#1fb59b rgb(31,181,155)
```
#1fb5a8
```
#1fb5a8 rgb(31,181,168)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#1faab5
```
#1faab5 rgb(31,170,181)
```
#1f9db5
```
#1f9db5 rgb(31,157,181)
```
#1f91b5
```
#1f91b5 rgb(31,145,181)
```

Similar Colors

Text with hexadecimal color #1fb5b4

This text has a font color of #1fb5b4.

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

#1fb5b4 background color

This paragraph has a background color of #1fb5b4.

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

#1fb5b4 border color

This element has a border color of #1fb5b4.

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

CSS codes

.text {color:#1fb5b4;}

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

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

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, #020e0d is the darkest color, while #fcfefe is the lightest one.

#020e0d
```
#020e0d rgb(2,14,13)
```
#051e1e
```
#051e1e rgb(5,30,30)
```
#082f2f
```
#082f2f rgb(8,47,47)
```
#0b403f
```
#0b403f rgb(11,64,63)
```
#0e5150
```
#0e5150 rgb(14,81,80)
```
#116161
```
#116161 rgb(17,97,97)
```
#147271
```
#147271 rgb(20,114,113)
```
#168382
```
#168382 rgb(22,131,130)
```
#199493
```
#199493 rgb(25,148,147)
```
#1ca4a3
```
#1ca4a3 rgb(28,164,163)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#22c6c5
```
#22c6c5 rgb(34,198,197)
```
#25d6d5
```
#25d6d5 rgb(37,214,213)
```

Shade Color Variation

#33dcdb
```
#33dcdb rgb(51,220,219)
```
#44dfde
```
#44dfde rgb(68,223,222)
```
#54e2e1
```
#54e2e1 rgb(84,226,225)
```
#65e5e4
```
#65e5e4 rgb(101,229,228)
```
#76e8e7
```
#76e8e7 rgb(118,232,231)
```
#87eaea
```
#87eaea rgb(135,234,234)
```
#97eded
```
#97eded rgb(151,237,237)
```
#a8f0f0
```
#a8f0f0 rgb(168,240,240)
```
#b9f3f3
```
#b9f3f3 rgb(185,243,243)
```
#caf6f6
```
#caf6f6 rgb(202,246,246)
```
#daf9f9
```
#daf9f9 rgb(218,249,249)
```
#ebfcfb
```
#ebfcfb rgb(235,252,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c6c is the less saturated color, while #07cdcc is the most saturated one.

#686c6c
```
#686c6c rgb(104,108,108)
```
#607474
```
#607474 rgb(96,116,116)
```
#587c7c
```
#587c7c rgb(88,124,124)
```
#508484
```
#508484 rgb(80,132,132)
```
#488c8c
```
#488c8c rgb(72,140,140)
```
#409494
```
#409494 rgb(64,148,148)
```
#379d9c
```
#379d9c rgb(55,157,156)
```
#2fa5a4
```
#2fa5a4 rgb(47,165,164)
```
#27adac
```
#27adac rgb(39,173,172)
```
#1fb5b4
```
#1fb5b4 rgb(31,181,180)
```
#17bdbc
```
#17bdbc rgb(23,189,188)
```
#0fc5c4
```
#0fc5c4 rgb(15,197,196)
```
#07cdcc
```
#07cdcc rgb(7,205,204)
```

Tone Color Variation

Below, you can see how #1fb5b4 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
#739191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a6ad Protanopia 1% of men
#aba4bf Deuteranopia 1% of men
#38b6c4 Tritanopia 0.001% of the population

Trichromacy

#76acb0 Protanomaly 1% of men, 0.01% of women
#78aabb Deuteranomaly 6% of men, 0.4% of women
#2fb6be Tritanomaly 0.01% of the population

#1fb5b4 hex color

#1fb5b4 Color Information

#1fb5b4 Color Conversion

Color Schemes with #1fb5b4

Alternatives to #1fb5b4

#1fb5b4 Preview

Shades and Tints of #1fb5b4

Tones of #1fb5b4

Color Blindness Simulator