#1fd4f2 hex color

In a RGB color space, hex #1fd4f2 is composed of 12.2% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 188.5 degrees, a saturation of 89% and a lightness of 53.5%. #1fd4f2 color hex could be obtained by blending #3effff with #00a9e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 12
- G 83
- B 95
RGB color chart
- C 87
- M 12
- Y 0
- K 5
CMYK color chart

● #1fd4f2 color description : Vivid cyan.

The hexadecimal color #1fd4f2 has RGB values of R:31, G:212, B:242 and CMYK values of C:0.87, M:0.12, Y:0, K:0.05. Its decimal value is 2086130.

Hex triplet	1fd4f2	`#1fd4f2`
RGB Decimal	31, 212, 242	`rgb(31,212,242)`
RGB Percent	12.2, 83.1, 94.9	`rgb(12.2%,83.1%,94.9%)`
CMYK	87, 12, 0, 5
HSL	188.5°, 89, 53.5	`hsl(188.5,89%,53.5%)`
HSV (or HSB)	188.5°, 87.2, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.336, -31.519, -26.611
XYZ	40.131, 53.785, 92.266
xyY	0.216, 0.289, 53.785
CIE-LCH	78.336, 41.25, 220.174
CIE-LUV	78.336, -55.998, -38.25
Hunter-Lab	73.338, -30.666, -23.255
Binary	00011111, 11010100, 11110010

#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#f23d1f
```
#f23d1f rgb(242,61,31)
```

Complementary Color

#1ff2a7
```
#1ff2a7 rgb(31,242,167)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#1f6bf2
```
#1f6bf2 rgb(31,107,242)
```

Analogous Color

#f2a71f
```
#f2a71f rgb(242,167,31)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#f21f6b
```
#f21f6b rgb(242,31,107)
```

Split Complementary Color

#d4f21f
```
#d4f21f rgb(212,242,31)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#f21fd4
```
#f21fd4 rgb(242,31,212)
```

Triadic Color

#1ff23d
```
#1ff23d rgb(31,242,61)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#f21fd4
```
#f21fd4 rgb(242,31,212)
```
#f23d1f
```
#f23d1f rgb(242,61,31)
```

Tetradic Color

#0ba1ba
```
#0ba1ba rgb(11,161,186)
```
#0cb6d2
```
#0cb6d2 rgb(12,182,210)
```
#0ecbea
```
#0ecbea rgb(14,203,234)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#37d9f3
```
#37d9f3 rgb(55,217,243)
```
#4fddf5
```
#4fddf5 rgb(79,221,245)
```
#67e2f6
```
#67e2f6 rgb(103,226,246)
```

Monochromatic Color

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

#1ff2db
```
#1ff2db rgb(31,242,219)
```
#1ff2ed
```
#1ff2ed rgb(31,242,237)
```
#1fe6f2
```
#1fe6f2 rgb(31,230,242)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#1fc2f2
```
#1fc2f2 rgb(31,194,242)
```
#1fb1f2
```
#1fb1f2 rgb(31,177,242)
```
#1f9ff2
```
#1f9ff2 rgb(31,159,242)
```

Similar Colors

Text with hexadecimal color #1fd4f2

This text has a font color of #1fd4f2.

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

#1fd4f2 background color

This paragraph has a background color of #1fd4f2.

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

#1fd4f2 border color

This element has a border color of #1fd4f2.

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

CSS codes

.text {color:#1fd4f2;}

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

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

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, #010f11 is the darkest color, while #fdffff is the lightest one.

#010f11
```
#010f11 rgb(1,15,17)
```
#021f24
```
#021f24 rgb(2,31,36)
```
#032f36
```
#032f36 rgb(3,47,54)
```
#043f49
```
#043f49 rgb(4,63,73)
```
#054f5b
```
#054f5b rgb(5,79,91)
```
#065f6e
```
#065f6e rgb(6,95,110)
```
#076f80
```
#076f80 rgb(7,111,128)
```
#097f93
```
#097f93 rgb(9,127,147)
```
#0a8fa5
```
#0a8fa5 rgb(10,143,165)
```
#0b9fb8
```
#0b9fb8 rgb(11,159,184)
```
#0cafca
```
#0cafca rgb(12,175,202)
```
#0dbfdd
```
#0dbfdd rgb(13,191,221)
```
#0ecfef
```
#0ecfef rgb(14,207,239)
```

Shade Color Variation

#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#32d8f3
```
#32d8f3 rgb(50,216,243)
```
#44dbf4
```
#44dbf4 rgb(68,219,244)
```
#57dff5
```
#57dff5 rgb(87,223,245)
```
#69e2f6
```
#69e2f6 rgb(105,226,246)
```
#7ce6f7
```
#7ce6f7 rgb(124,230,247)
```
#8ee9f8
```
#8ee9f8 rgb(142,233,248)
```
#a1edfa
```
#a1edfa rgb(161,237,250)
```
#b3f0fb
```
#b3f0fb rgb(179,240,251)
```
#c6f4fc
```
#c6f4fc rgb(198,244,252)
```
#d8f8fd
```
#d8f8fd rgb(216,248,253)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8e is the less saturated color, while #16dbfb is the most saturated one.

#838c8e
```
#838c8e rgb(131,140,142)
```
#7a9397
```
#7a9397 rgb(122,147,151)
```
#7199a0
```
#7199a0 rgb(113,153,160)
```
#68a0a9
```
#68a0a9 rgb(104,160,169)
```
#5fa6b2
```
#5fa6b2 rgb(95,166,178)
```
#56adbb
```
#56adbb rgb(86,173,187)
```
#4db3c4
```
#4db3c4 rgb(77,179,196)
```
#43bace
```
#43bace rgb(67,186,206)
```
#3ac0d7
```
#3ac0d7 rgb(58,192,215)
```
#31c7e0
```
#31c7e0 rgb(49,199,224)
```
#28cde9
```
#28cde9 rgb(40,205,233)
```
#1fd4f2
```
#1fd4f2 rgb(31,212,242)
```
#16dbfb
```
#16dbfb rgb(22,219,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#87abb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc3e6 Protanopia 1% of men
#b8c1fa Deuteranopia 1% of men
#00d8e7 Tritanopia 0.001% of the population

Trichromacy

#83c9ea Protanomaly 1% of men, 0.01% of women
#80c8f7 Deuteranomaly 6% of men, 0.4% of women
#0bd6eb Tritanomaly 0.01% of the population

#1fd4f2 hex color

#1fd4f2 Color Information

#1fd4f2 Color Conversion

Color Schemes with #1fd4f2

Alternatives to #1fd4f2

#1fd4f2 Preview

Shades and Tints of #1fd4f2

Tones of #1fd4f2

Color Blindness Simulator