#2fd8f5 hex color

In a RGB color space, hex #2fd8f5 is composed of 18.4% red, 84.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 11.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 188.8 degrees, a saturation of 90.8% and a lightness of 57.3%. #2fd8f5 color hex could be obtained by blending #5effff with #00b1eb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 85
- B 96
RGB color chart
- C 81
- M 12
- Y 0
- K 4
CMYK color chart

● #2fd8f5 color description : Bright cyan.

The hexadecimal color #2fd8f5 has RGB values of R:47, G:216, B:245 and CMYK values of C:0.81, M:0.12, Y:0, K:0.04. Its decimal value is 3135733.

Hex triplet	2fd8f5	`#2fd8f5`
RGB Decimal	47, 216, 245	`rgb(47,216,245)`
RGB Percent	18.4, 84.7, 96.1	`rgb(18.4%,84.7%,96.1%)`
CMYK	81, 12, 0, 4
HSL	188.8°, 90.8, 57.3	`hsl(188.8,90.8%,57.3%)`
HSV (or HSB)	188.8°, 80.8, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.787, -31.418, -25.977
XYZ	42.205, 56.305, 95.025
xyY	0.218, 0.291, 56.305
CIE-LCH	79.787, 40.767, 219.585
CIE-LUV	79.787, -55.779, -37.244
Hunter-Lab	75.036, -30.915, -22.558
Binary	00101111, 11011000, 11110101

#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#f54c2f
```
#f54c2f rgb(245,76,47)
```

Complementary Color

#2ff5af
```
#2ff5af rgb(47,245,175)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#2f75f5
```
#2f75f5 rgb(47,117,245)
```

Analogous Color

#f5af2f
```
#f5af2f rgb(245,175,47)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#f52f75
```
#f52f75 rgb(245,47,117)
```

Split Complementary Color

#d8f52f
```
#d8f52f rgb(216,245,47)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#f52fd8
```
#f52fd8 rgb(245,47,216)
```

Triadic Color

#2ff54c
```
#2ff54c rgb(47,245,76)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#f52fd8
```
#f52fd8 rgb(245,47,216)
```
#f54c2f
```
#f54c2f rgb(245,76,47)
```

Tetradic Color

#0ab1ce
```
#0ab1ce rgb(10,177,206)
```
#0bc6e6
```
#0bc6e6 rgb(11,198,230)
```
#17d3f4
```
#17d3f4 rgb(23,211,244)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#47ddf6
```
#47ddf6 rgb(71,221,246)
```
#60e1f7
```
#60e1f7 rgb(96,225,247)
```
#78e6f9
```
#78e6f9 rgb(120,230,249)
```

Monochromatic Color

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

#2ff5e1
```
#2ff5e1 rgb(47,245,225)
```
#2ff5f1
```
#2ff5f1 rgb(47,245,241)
```
#2fe9f5
```
#2fe9f5 rgb(47,233,245)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#2fc8f5
```
#2fc8f5 rgb(47,200,245)
```
#2fb7f5
```
#2fb7f5 rgb(47,183,245)
```
#2fa7f5
```
#2fa7f5 rgb(47,167,245)
```

Similar Colors

Text with hexadecimal color #2fd8f5

This text has a font color of #2fd8f5.

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

#2fd8f5 background color

This paragraph has a background color of #2fd8f5.

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

#2fd8f5 border color

This element has a border color of #2fd8f5.

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

CSS codes

.text {color:#2fd8f5;}

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

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

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

#010e11
```
#010e11 rgb(1,14,17)
```
#021e23
```
#021e23 rgb(2,30,35)
```
#032e36
```
#032e36 rgb(3,46,54)
```
#033f49
```
#033f49 rgb(3,63,73)
```
#044f5b
```
#044f5b rgb(4,79,91)
```
#055f6e
```
#055f6e rgb(5,95,110)
```
#066f81
```
#066f81 rgb(6,111,129)
```
#077f94
```
#077f94 rgb(7,127,148)
```
#088fa6
```
#088fa6 rgb(8,143,166)
```
#099fb9
```
#099fb9 rgb(9,159,185)
```
#0aafcc
```
#0aafcc rgb(10,175,204)
```
#0bbfde
```
#0bbfde rgb(11,191,222)
```
#0cd0f1
```
#0cd0f1 rgb(12,208,241)
```

Shade Color Variation

#1cd4f4
```
#1cd4f4 rgb(28,212,244)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#42dcf6
```
#42dcf6 rgb(66,220,246)
```
#54dff7
```
#54dff7 rgb(84,223,247)
```
#67e3f8
```
#67e3f8 rgb(103,227,248)
```
#7ae6f9
```
#7ae6f9 rgb(122,230,249)
```
#8deaf9
```
#8deaf9 rgb(141,234,249)
```
#9fedfa
```
#9fedfa rgb(159,237,250)
```
#b2f1fb
```
#b2f1fb rgb(178,241,251)
```
#c5f4fc
```
#c5f4fc rgb(197,244,252)
```
#d7f8fd
```
#d7f8fd rgb(215,248,253)
```
#eafbfe
```
#eafbfe rgb(234,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, #8b9799 is the less saturated color, while #27defd is the most saturated one.

#8b9799
```
#8b9799 rgb(139,151,153)
```
#839da1
```
#839da1 rgb(131,157,161)
```
#7aa3aa
```
#7aa3aa rgb(122,163,170)
```
#72a9b2
```
#72a9b2 rgb(114,169,178)
```
#6aafba
```
#6aafba rgb(106,175,186)
```
#61b4c3
```
#61b4c3 rgb(97,180,195)
```
#59bacb
```
#59bacb rgb(89,186,203)
```
#51c0d3
```
#51c0d3 rgb(81,192,211)
```
#48c6dc
```
#48c6dc rgb(72,198,220)
```
#40cce4
```
#40cce4 rgb(64,204,228)
```
#37d2ed
```
#37d2ed rgb(55,210,237)
```
#2fd8f5
```
#2fd8f5 rgb(47,216,245)
```
#27defd
```
#27defd rgb(39,222,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c7e9 Protanopia 1% of men
#bdc5fd Deuteranopia 1% of men
#2adbeb Tritanopia 0.001% of the population

Trichromacy

#8ccded Protanomaly 1% of men, 0.01% of women
#89ccfa Deuteranomaly 6% of men, 0.4% of women
#2cdaef Tritanomaly 0.01% of the population

#2fd8f5 hex color

#2fd8f5 Color Information

#2fd8f5 Color Conversion

Color Schemes with #2fd8f5

Alternatives to #2fd8f5

#2fd8f5 Preview

Shades and Tints of #2fd8f5

Tones of #2fd8f5

Color Blindness Simulator