#2ff2f4 hex color

In a RGB color space, hex #2ff2f4 is composed of 18.4% red, 94.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 180.6 degrees, a saturation of 90% and a lightness of 57.1%. #2ff2f4 color hex could be obtained by blending #5effff with #00e5e9. Closest websafe color is: #33ffff.

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

● #2ff2f4 color description : Bright cyan.

The hexadecimal color #2ff2f4 has RGB values of R:47, G:242, B:244 and CMYK values of C:0.81, M:0.01, Y:0, K:0.04. Its decimal value is 3142388.

Hex triplet	2ff2f4	`#2ff2f4`
RGB Decimal	47, 242, 244	`rgb(47,242,244)`
RGB Percent	18.4, 94.9, 95.7	`rgb(18.4%,94.9%,95.7%)`
CMYK	81, 1, 0, 4
HSL	180.6°, 90, 57.1	`hsl(180.6,90%,57.1%)`
HSV (or HSB)	180.6°, 80.7, 95.7
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.308, -43.696, -14.075
XYZ	49.249, 70.635, 96.621
xyY	0.227, 0.326, 70.635
CIE-LCH	87.308, 45.907, 197.854
CIE-LUV	87.308, -64.687, -15.676
Hunter-Lab	84.045, -42.481, -9.331
Binary	00101111, 11110010, 11110100

#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#f4312f
```
#f4312f rgb(244,49,47)
```

Complementary Color

#2ff494
```
#2ff494 rgb(47,244,148)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#2f90f4
```
#2f90f4 rgb(47,144,244)
```

Analogous Color

#f4942f
```
#f4942f rgb(244,148,47)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#f42f90
```
#f42f90 rgb(244,47,144)
```

Split Complementary Color

#f2f42f
```
#f2f42f rgb(242,244,47)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#f42ff2
```
#f42ff2 rgb(244,47,242)
```

Triadic Color

#2ff431
```
#2ff431 rgb(47,244,49)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#f42ff2
```
#f42ff2 rgb(244,47,242)
```
#f4312f
```
#f4312f rgb(244,49,47)
```

Tetradic Color

#0bcacc
```
#0bcacc rgb(11,202,204)
```
#0ce2e4
```
#0ce2e4 rgb(12,226,228)
```
#17f0f3
```
#17f0f3 rgb(23,240,243)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#47f4f5
```
#47f4f5 rgb(71,244,245)
```
#5ff5f7
```
#5ff5f7 rgb(95,245,247)
```
#78f7f8
```
#78f7f8 rgb(120,247,248)
```

Monochromatic Color

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

#2ff4c5
```
#2ff4c5 rgb(47,244,197)
```
#2ff4d5
```
#2ff4d5 rgb(47,244,213)
```
#2ff4e6
```
#2ff4e6 rgb(47,244,230)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#2fe2f4
```
#2fe2f4 rgb(47,226,244)
```
#2fd1f4
```
#2fd1f4 rgb(47,209,244)
```
#2fc1f4
```
#2fc1f4 rgb(47,193,244)
```

Similar Colors

Text with hexadecimal color #2ff2f4

This text has a font color of #2ff2f4.

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

#2ff2f4 background color

This paragraph has a background color of #2ff2f4.

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

#2ff2f4 border color

This element has a border color of #2ff2f4.

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

CSS codes

.text {color:#2ff2f4;}

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

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

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

#010f10
```
#010f10 rgb(1,15,16)
```
#022222
```
#022222 rgb(2,34,34)
```
#033435
```
#033435 rgb(3,52,53)
```
#044747
```
#044747 rgb(4,71,71)
```
#05595a
```
#05595a rgb(5,89,90)
```
#066c6d
```
#066c6d rgb(6,108,109)
```
#077e7f
```
#077e7f rgb(7,126,127)
```
#089192
```
#089192 rgb(8,145,146)
```
#09a3a5
```
#09a3a5 rgb(9,163,165)
```
#0ab5b7
```
#0ab5b7 rgb(10,181,183)
```
#0bc8ca
```
#0bc8ca rgb(11,200,202)
```
#0cdadc
```
#0cdadc rgb(12,218,220)
```
#0dedef
```
#0dedef rgb(13,237,239)
```

Shade Color Variation

#1cf1f3
```
#1cf1f3 rgb(28,241,243)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#42f3f5
```
#42f3f5 rgb(66,243,245)
```
#54f4f6
```
#54f4f6 rgb(84,244,246)
```
#67f5f7
```
#67f5f7 rgb(103,245,247)
```
#7af7f8
```
#7af7f8 rgb(122,247,248)
```
#8cf8f9
```
#8cf8f9 rgb(140,248,249)
```
#9ff9fa
```
#9ff9fa rgb(159,249,250)
```
#b1fafb
```
#b1fafb rgb(177,250,251)
```
#c4fbfc
```
#c4fbfc rgb(196,251,252)
```
#d7fcfd
```
#d7fcfd rgb(215,252,253)
```
#e9fefe
```
#e9fefe rgb(233,254,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9797 is the less saturated color, while #27fafc is the most saturated one.

#8c9797
```
#8c9797 rgb(140,151,151)
```
#839fa0
```
#839fa0 rgb(131,159,160)
```
#7ba8a8
```
#7ba8a8 rgb(123,168,168)
```
#72b0b1
```
#72b0b1 rgb(114,176,177)
```
#6ab8b9
```
#6ab8b9 rgb(106,184,185)
```
#62c0c1
```
#62c0c1 rgb(98,192,193)
```
#59c9ca
```
#59c9ca rgb(89,201,202)
```
#51d1d2
```
#51d1d2 rgb(81,209,210)
```
#48d9db
```
#48d9db rgb(72,217,219)
```
#40e1e3
```
#40e1e3 rgb(64,225,227)
```
#37eaec
```
#37eaec rgb(55,234,236)
```
#2ff2f4
```
#2ff2f4 rgb(47,242,244)
```
#27fafc
```
#27fafc rgb(39,250,252)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9dc4c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddbe7 Protanopia 1% of men
#dfd7fe Deuteranopia 1% of men
#65eeff Tritanopia 0.001% of the population

Trichromacy

#9de3eb Protanomaly 1% of men, 0.01% of women
#9fe1fa Deuteranomaly 6% of men, 0.4% of women
#51effb Tritanomaly 0.01% of the population

#2ff2f4 hex color

#2ff2f4 Color Information

#2ff2f4 Color Conversion

Color Schemes with #2ff2f4

Alternatives to #2ff2f4

#2ff2f4 Preview

Shades and Tints of #2ff2f4

Tones of #2ff2f4

Color Blindness Simulator