#1fb2dd hex color

In a RGB color space, hex #1fb2dd is composed of 12.2% red, 69.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 19.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.6 degrees, a saturation of 75.4% and a lightness of 49.4%. #1fb2dd color hex could be obtained by blending #3effff with #0065bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 70
- B 87
RGB color chart
- C 86
- M 19
- Y 0
- K 13
CMYK color chart

● #1fb2dd color description : Vivid cyan.

The hexadecimal color #1fb2dd has RGB values of R:31, G:178, B:221 and CMYK values of C:0.86, M:0.19, Y:0, K:0.13. Its decimal value is 2077405.

Hex triplet	1fb2dd	`#1fb2dd`
RGB Decimal	31, 178, 221	`rgb(31,178,221)`
RGB Percent	12.2, 69.8, 86.7	`rgb(12.2%,69.8%,86.7%)`
CMYK	86, 19, 0, 13
HSL	193.6°, 75.4, 49.4	`hsl(193.6,75.4%,49.4%)`
HSV (or HSB)	193.6°, 86, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.539, -21.423, -31.853
XYZ	29.533, 37.35, 74.055
xyY	0.21, 0.265, 37.35
CIE-LCH	67.539, 38.387, 236.077
CIE-LUV	67.539, -45.96, -47.705
Hunter-Lab	61.114, -20.691, -29.064
Binary	00011111, 10110010, 11011101

#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#dd4a1f
```
#dd4a1f rgb(221,74,31)
```

Complementary Color

#1fdda9
```
#1fdda9 rgb(31,221,169)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#1f53dd
```
#1f53dd rgb(31,83,221)
```

Analogous Color

#dda91f
```
#dda91f rgb(221,169,31)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#dd1f53
```
#dd1f53 rgb(221,31,83)
```

Split Complementary Color

#b2dd1f
```
#b2dd1f rgb(178,221,31)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#dd1fb2
```
#dd1fb2 rgb(221,31,178)
```

Triadic Color

#1fdd4a
```
#1fdd4a rgb(31,221,74)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#dd1fb2
```
#dd1fb2 rgb(221,31,178)
```
#dd4a1f
```
#dd4a1f rgb(221,74,31)
```

Tetradic Color

#167c9a
```
#167c9a rgb(22,124,154)
```
#198eb0
```
#198eb0 rgb(25,142,176)
```
#1ca0c7
```
#1ca0c7 rgb(28,160,199)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#33bbe2
```
#33bbe2 rgb(51,187,226)
```
#49c2e6
```
#49c2e6 rgb(73,194,230)
```
#60cae9
```
#60cae9 rgb(96,202,233)
```

Monochromatic Color

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

#1fddd9
```
#1fddd9 rgb(31,221,217)
```
#1fd2dd
```
#1fd2dd rgb(31,210,221)
```
#1fc2dd
```
#1fc2dd rgb(31,194,221)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#1fa2dd
```
#1fa2dd rgb(31,162,221)
```
#1f92dd
```
#1f92dd rgb(31,146,221)
```
#1f83dd
```
#1f83dd rgb(31,131,221)
```

Similar Colors

Text with hexadecimal color #1fb2dd

This text has a font color of #1fb2dd.

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

#1fb2dd background color

This paragraph has a background color of #1fb2dd.

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

#1fb2dd border color

This element has a border color of #1fb2dd.

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

CSS codes

.text {color:#1fb2dd;}

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

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

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

#020c0f
```
#020c0f rgb(2,12,15)
```
#041a20
```
#041a20 rgb(4,26,32)
```
#072731
```
#072731 rgb(7,39,49)
```
#093542
```
#093542 rgb(9,53,66)
```
#0c4353
```
#0c4353 rgb(12,67,83)
```
#0e5165
```
#0e5165 rgb(14,81,101)
```
#115f76
```
#115f76 rgb(17,95,118)
```
#136d87
```
#136d87 rgb(19,109,135)
```
#157b98
```
#157b98 rgb(21,123,152)
```
#1888a9
```
#1888a9 rgb(24,136,169)
```
#1a96bb
```
#1a96bb rgb(26,150,187)
```
#1da4cc
```
#1da4cc rgb(29,164,204)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```

Shade Color Variation

#2eb9e2
```
#2eb9e2 rgb(46,185,226)
```
#3fbfe4
```
#3fbfe4 rgb(63,191,228)
```
#50c5e7
```
#50c5e7 rgb(80,197,231)
```
#62cae9
```
#62cae9 rgb(98,202,233)
```
#73d0eb
```
#73d0eb rgb(115,208,235)
```
#84d6ee
```
#84d6ee rgb(132,214,238)
```
#95dcf0
```
#95dcf0 rgb(149,220,240)
```
#a6e1f3
```
#a6e1f3 rgb(166,225,243)
```
#b8e7f5
```
#b8e7f5 rgb(184,231,245)
```
#c9edf7
```
#c9edf7 rgb(201,237,247)
```
#daf3fa
```
#daf3fa rgb(218,243,250)
```
#ebf8fc
```
#ebf8fc rgb(235,248,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #768286 is the less saturated color, while #02c2fa is the most saturated one.

#768286
```
#768286 rgb(118,130,134)
```
#6d888f
```
#6d888f rgb(109,136,143)
```
#638d99
```
#638d99 rgb(99,141,153)
```
#5992a3
```
#5992a3 rgb(89,146,163)
```
#4f97ad
```
#4f97ad rgb(79,151,173)
```
#469db6
```
#469db6 rgb(70,157,182)
```
#3ca2c0
```
#3ca2c0 rgb(60,162,192)
```
#32a7ca
```
#32a7ca rgb(50,167,202)
```
#29add3
```
#29add3 rgb(41,173,211)
```
#1fb2dd
```
#1fb2dd rgb(31,178,221)
```
#15b7e7
```
#15b7e7 rgb(21,183,231)
```
#0cbdf0
```
#0cbdf0 rgb(12,189,240)
```
#02c2fa
```
#02c2fa rgb(2,194,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#75939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca7d5 Protanopia 1% of men
#93a7e4 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6eabd7 Protanomaly 1% of men, 0.01% of women
#69abe1 Deuteranomaly 6% of men, 0.4% of women
#0bb6ce Tritanomaly 0.01% of the population

#1fb2dd hex color

#1fb2dd Color Information

#1fb2dd Color Conversion

Color Schemes with #1fb2dd

Alternatives to #1fb2dd

#1fb2dd Preview

Shades and Tints of #1fb2dd

Tones of #1fb2dd

Color Blindness Simulator