#2fd1fd hex color

In a RGB color space, hex #2fd1fd is composed of 18.4% red, 82% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 17.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.8 degrees, a saturation of 98.1% and a lightness of 58.8%. #2fd1fd color hex could be obtained by blending #5effff with #00a3fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 82
- B 99
RGB color chart
- C 81
- M 17
- Y 0
- K 1
CMYK color chart

● #2fd1fd color description : Bright cyan.

The hexadecimal color #2fd1fd has RGB values of R:47, G:209, B:253 and CMYK values of C:0.81, M:0.17, Y:0, K:0.01. Its decimal value is 3133949.

Hex triplet	2fd1fd	`#2fd1fd`
RGB Decimal	47, 209, 253	`rgb(47,209,253)`
RGB Percent	18.4, 82, 99.2	`rgb(18.4%,82%,99.2%)`
CMYK	81, 17, 0, 1
HSL	192.8°, 98.1, 58.8	`hsl(192.8,98.1%,58.8%)`
HSV (or HSB)	192.8°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.048, -25.457, -32.908
XYZ	41.698, 53.293, 101.012
xyY	0.213, 0.272, 53.293
CIE-LCH	78.048, 41.605, 232.276
CIE-LUV	78.048, -52.822, -49.838
Hunter-Lab	73.002, -25.798, -30.937
Binary	00101111, 11010001, 11111101

#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#fd5b2f
```
#fd5b2f rgb(253,91,47)
```

Complementary Color

#2ffdc2
```
#2ffdc2 rgb(47,253,194)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#2f6afd
```
#2f6afd rgb(47,106,253)
```

Analogous Color

#fdc22f
```
#fdc22f rgb(253,194,47)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#fd2f6a
```
#fd2f6a rgb(253,47,106)
```

Split Complementary Color

#d1fd2f
```
#d1fd2f rgb(209,253,47)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#fd2fd1
```
#fd2fd1 rgb(253,47,209)
```

Triadic Color

#2ffd5b
```
#2ffd5b rgb(47,253,91)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#fd2fd1
```
#fd2fd1 rgb(253,47,209)
```
#fd5b2f
```
#fd5b2f rgb(253,91,47)
```

Tetradic Color

#02afdd
```
#02afdd rgb(2,175,221)
```
#02c2f7
```
#02c2f7 rgb(2,194,247)
```
#16cbfd
```
#16cbfd rgb(22,203,253)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#48d7fd
```
#48d7fd rgb(72,215,253)
```
#62dcfd
```
#62dcfd rgb(98,220,253)
```
#7be2fe
```
#7be2fe rgb(123,226,254)
```

Monochromatic Color

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

#2ffdf6
```
#2ffdf6 rgb(47,253,246)
```
#2ff3fd
```
#2ff3fd rgb(47,243,253)
```
#2fe2fd
```
#2fe2fd rgb(47,226,253)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#2fc0fd
```
#2fc0fd rgb(47,192,253)
```
#2faffd
```
#2faffd rgb(47,175,253)
```
#2f9efd
```
#2f9efd rgb(47,158,253)
```

Similar Colors

Text with hexadecimal color #2fd1fd

This text has a font color of #2fd1fd.

<span style="color:#2fd1fd;">Text here</span>

#2fd1fd background color

This paragraph has a background color of #2fd1fd.

<p style="background-color:#2fd1fd;">Content here</p>

#2fd1fd border color

This element has a border color of #2fd1fd.

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

CSS codes

.text {color:#2fd1fd;}

.background {background-color:#2fd1fd;}

.border {border:1px solid #2fd1fd;}

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

#000506
```
#000506 rgb(0,5,6)
```
#001419
```
#001419 rgb(0,20,25)
```
#00232d
```
#00232d rgb(0,35,45)
```
#013240
```
#013240 rgb(1,50,64)
```
#014253
```
#014253 rgb(1,66,83)
```
#015167
```
#015167 rgb(1,81,103)
```
#01607a
```
#01607a rgb(1,96,122)
```
#01708e
```
#01708e rgb(1,112,142)
```
#027fa1
```
#027fa1 rgb(2,127,161)
```
#028eb5
```
#028eb5 rgb(2,142,181)
```
#029ec8
```
#029ec8 rgb(2,158,200)
```
#02addb
```
#02addb rgb(2,173,219)
```
#02bcef
```
#02bcef rgb(2,188,239)
```

Shade Color Variation

#08c8fd
```
#08c8fd rgb(8,200,253)
```
#1ccdfd
```
#1ccdfd rgb(28,205,253)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```
#42d5fd
```
#42d5fd rgb(66,213,253)
```
#56dafd
```
#56dafd rgb(86,218,253)
```
#69defe
```
#69defe rgb(105,222,254)
```
#7de2fe
```
#7de2fe rgb(125,226,254)
```
#90e6fe
```
#90e6fe rgb(144,230,254)
```
#a4ebfe
```
#a4ebfe rgb(164,235,254)
```
#b7effe
```
#b7effe rgb(183,239,254)
```
#caf3fe
```
#caf3fe rgb(202,243,254)
```
#def8ff
```
#def8ff rgb(222,248,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90999c is the less saturated color, while #2fd1fd is the most saturated one.

#90999c
```
#90999c rgb(144,153,156)
```
#889ea4
```
#889ea4 rgb(136,158,164)
```
#80a3ac
```
#80a3ac rgb(128,163,172)
```
#78a7b4
```
#78a7b4 rgb(120,167,180)
```
#70acbc
```
#70acbc rgb(112,172,188)
```
#68b1c4
```
#68b1c4 rgb(104,177,196)
```
#5fb5cd
```
#5fb5cd rgb(95,181,205)
```
#57bad5
```
#57bad5 rgb(87,186,213)
```
#4fbedd
```
#4fbedd rgb(79,190,221)
```
#47c3e5
```
#47c3e5 rgb(71,195,229)
```
#3fc8ed
```
#3fc8ed rgb(63,200,237)
```
#37ccf5
```
#37ccf5 rgb(55,204,245)
```
#2fd1fd
```
#2fd1fd rgb(47,209,253)
```

Tone Color Variation

Below, you can see how #2fd1fd 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

#a6a6a6 Achromatopsia 0.005% of the population
#8eafb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f1 Protanopia 1% of men
#b1c2ff Deuteranopia 1% of men
#00d7e6 Tritanopia 0.001% of the population

Trichromacy

#86c7f5 Protanomaly 1% of men, 0.01% of women
#82c7fe Deuteranomaly 6% of men, 0.4% of women
#11d4ee Tritanomaly 0.01% of the population

#2fd1fd hex color

#2fd1fd Color Information

#2fd1fd Color Conversion

Color Schemes with #2fd1fd

Alternatives to #2fd1fd

#2fd1fd Preview

Shades and Tints of #2fd1fd

Tones of #2fd1fd

Color Blindness Simulator