#1fbdd5 hex color

In a RGB color space, hex #1fbdd5 is composed of 12.2% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 187.9 degrees, a saturation of 74.6% and a lightness of 47.8%. #1fbdd5 color hex could be obtained by blending #3effff with #007bab. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 74
- B 84
RGB color chart
- C 85
- M 11
- Y 0
- K 16
CMYK color chart

● #1fbdd5 color description : Strong cyan.

The hexadecimal color #1fbdd5 has RGB values of R:31, G:189, B:213 and CMYK values of C:0.85, M:0.11, Y:0, K:0.16. Its decimal value is 2080213.

Hex triplet	1fbdd5	`#1fbdd5`
RGB Decimal	31, 189, 213	`rgb(31,189,213)`
RGB Percent	12.2, 74.1, 83.5	`rgb(12.2%,74.1%,83.5%)`
CMYK	85, 11, 0, 16
HSL	187.9°, 74.6, 47.8	`hsl(187.9,74.6%,47.8%)`
HSV (or HSB)	187.9°, 85.4, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.516, -29.596, -22.898
XYZ	30.769, 41.488, 69.333
xyY	0.217, 0.293, 41.488
CIE-LCH	70.516, 37.42, 217.729
CIE-LUV	70.516, -50.333, -31.819
Hunter-Lab	64.411, -27.448, -18.734
Binary	00011111, 10111101, 11010101

#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#d5371f
```
#d5371f rgb(213,55,31)
```

Complementary Color

#1fd592
```
#1fd592 rgb(31,213,146)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#1f62d5
```
#1f62d5 rgb(31,98,213)
```

Analogous Color

#d5921f
```
#d5921f rgb(213,146,31)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#d51f62
```
#d51f62 rgb(213,31,98)
```

Split Complementary Color

#bdd51f
```
#bdd51f rgb(189,213,31)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#d51fbd
```
#d51fbd rgb(213,31,189)
```

Triadic Color

#1fd537
```
#1fd537 rgb(31,213,55)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#d51fbd
```
#d51fbd rgb(213,31,189)
```
#d5371f
```
#d5371f rgb(213,55,31)
```

Tetradic Color

#158292
```
#158292 rgb(21,130,146)
```
#1995a8
```
#1995a8 rgb(25,149,168)
```
#1ca9bf
```
#1ca9bf rgb(28,169,191)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#2dc9e0
```
#2dc9e0 rgb(45,201,224)
```
#43cfe4
```
#43cfe4 rgb(67,207,228)
```
#5ad4e7
```
#5ad4e7 rgb(90,212,231)
```

Monochromatic Color

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

#1fd5c0
```
#1fd5c0 rgb(31,213,192)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#1fccd5
```
#1fccd5 rgb(31,204,213)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#1faed5
```
#1faed5 rgb(31,174,213)
```
#1f9fd5
```
#1f9fd5 rgb(31,159,213)
```
#1f90d5
```
#1f90d5 rgb(31,144,213)
```

Similar Colors

Text with hexadecimal color #1fbdd5

This text has a font color of #1fbdd5.

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

#1fbdd5 background color

This paragraph has a background color of #1fbdd5.

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

#1fbdd5 border color

This element has a border color of #1fbdd5.

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

CSS codes

.text {color:#1fbdd5;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#041619
```
#041619 rgb(4,22,25)
```
#06252a
```
#06252a rgb(6,37,42)
```
#09343b
```
#09343b rgb(9,52,59)
```
#0b434c
```
#0b434c rgb(11,67,76)
```
#0e535d
```
#0e535d rgb(14,83,93)
```
#10626e
```
#10626e rgb(16,98,110)
```
#13717f
```
#13717f rgb(19,113,127)
```
#158091
```
#158091 rgb(21,128,145)
```
#188fa2
```
#188fa2 rgb(24,143,162)
```
#1a9fb3
```
#1a9fb3 rgb(26,159,179)
```
#1daec4
```
#1daec4 rgb(29,174,196)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```

Shade Color Variation

#28c7e0
```
#28c7e0 rgb(40,199,224)
```
#39cce2
```
#39cce2 rgb(57,204,226)
```
#4ad0e5
```
#4ad0e5 rgb(74,208,229)
```
#5bd5e7
```
#5bd5e7 rgb(91,213,231)
```
#6cd9ea
```
#6cd9ea rgb(108,217,234)
```
#7edeec
```
#7edeec rgb(126,222,236)
```
#8fe2ef
```
#8fe2ef rgb(143,226,239)
```
#a0e6f1
```
#a0e6f1 rgb(160,230,241)
```
#b1ebf4
```
#b1ebf4 rgb(177,235,244)
```
#c2eff6
```
#c2eff6 rgb(194,239,246)
```
#d3f4f9
```
#d3f4f9 rgb(211,244,249)
```
#e4f8fb
```
#e4f8fb rgb(228,248,251)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737f81 is the less saturated color, while #03d2f1 is the most saturated one.

#737f81
```
#737f81 rgb(115,127,129)
```
#6a868a
```
#6a868a rgb(106,134,138)
```
#618d93
```
#618d93 rgb(97,141,147)
```
#57949d
```
#57949d rgb(87,148,157)
```
#4e9aa6
```
#4e9aa6 rgb(78,154,166)
```
#45a1af
```
#45a1af rgb(69,161,175)
```
#3ba8b9
```
#3ba8b9 rgb(59,168,185)
```
#32afc2
```
#32afc2 rgb(50,175,194)
```
#28b6cc
```
#28b6cc rgb(40,182,204)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#16c4de
```
#16c4de rgb(22,196,222)
```
#0ccbe8
```
#0ccbe8 rgb(12,203,232)
```
#03d2f1
```
#03d2f1 rgb(3,210,241)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#79999e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaafcc Protanopia 1% of men
#a7adde Deuteranopia 1% of men
#1ac1cf Tritanopia 0.001% of the population

Trichromacy

#77b4cf Protanomaly 1% of men, 0.01% of women
#75b3da Deuteranomaly 6% of men, 0.4% of women
#1cbfd1 Tritanomaly 0.01% of the population

#1fbdd5 hex color

#1fbdd5 Color Information

#1fbdd5 Color Conversion

Color Schemes with #1fbdd5

Alternatives to #1fbdd5

#1fbdd5 Preview

Shades and Tints of #1fbdd5

Tones of #1fbdd5

Color Blindness Simulator