#2fc4f4 hex color

In a RGB color space, hex #2fc4f4 is composed of 18.4% red, 76.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 19.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 194.6 degrees, a saturation of 90% and a lightness of 57.1%. #2fc4f4 color hex could be obtained by blending #5effff with #0089e9. Closest websafe color is: #33ccff.

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

● #2fc4f4 color description : Bright cyan.

The hexadecimal color #2fc4f4 has RGB values of R:47, G:196, B:244 and CMYK values of C:0.81, M:0.2, Y:0, K:0.04. Its decimal value is 3130612.

Hex triplet	2fc4f4	`#2fc4f4`
RGB Decimal	47, 196, 244	`rgb(47,196,244)`
RGB Percent	18.4, 76.9, 95.7	`rgb(18.4%,76.9%,95.7%)`
CMYK	81, 20, 0, 4
HSL	194.6°, 90, 57.1	`hsl(194.6,90%,57.1%)`
HSV (or HSB)	194.6°, 80.7, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.941, -21.817, -34.428
XYZ	37.237, 46.612, 92.618
xyY	0.211, 0.264, 46.612
CIE-LCH	73.941, 40.759, 237.638
CIE-LUV	73.941, -49.012, -52.608
Hunter-Lab	68.273, -22.122, -32.64
Binary	00101111, 11000100, 11110100

#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#f45f2f
```
#f45f2f rgb(244,95,47)
```

Complementary Color

#2ff4c2
```
#2ff4c2 rgb(47,244,194)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#2f62f4
```
#2f62f4 rgb(47,98,244)
```

Analogous Color

#f4c22f
```
#f4c22f rgb(244,194,47)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#f42f62
```
#f42f62 rgb(244,47,98)
```

Split Complementary Color

#c4f42f
```
#c4f42f rgb(196,244,47)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#f42fc4
```
#f42fc4 rgb(244,47,196)
```

Triadic Color

#2ff45f
```
#2ff45f rgb(47,244,95)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#f42fc4
```
#f42fc4 rgb(244,47,196)
```
#f45f2f
```
#f45f2f rgb(244,95,47)
```

Tetradic Color

#0b9dcc
```
#0b9dcc rgb(11,157,204)
```
#0cafe4
```
#0cafe4 rgb(12,175,228)
```
#17bdf3
```
#17bdf3 rgb(23,189,243)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#47cbf5
```
#47cbf5 rgb(71,203,245)
```
#5fd2f7
```
#5fd2f7 rgb(95,210,247)
```
#78d9f8
```
#78d9f8 rgb(120,217,248)
```

Monochromatic Color

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

#2ff4f3
```
#2ff4f3 rgb(47,244,243)
```
#2fe5f4
```
#2fe5f4 rgb(47,229,244)
```
#2fd4f4
```
#2fd4f4 rgb(47,212,244)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#2fb4f4
```
#2fb4f4 rgb(47,180,244)
```
#2fa3f4
```
#2fa3f4 rgb(47,163,244)
```
#2f93f4
```
#2f93f4 rgb(47,147,244)
```

Similar Colors

Text with hexadecimal color #2fc4f4

This text has a font color of #2fc4f4.

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

#2fc4f4 background color

This paragraph has a background color of #2fc4f4.

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

#2fc4f4 border color

This element has a border color of #2fc4f4.

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

CSS codes

.text {color:#2fc4f4;}

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

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

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

#010c10
```
#010c10 rgb(1,12,16)
```
#021a22
```
#021a22 rgb(2,26,34)
```
#032935
```
#032935 rgb(3,41,53)
```
#043747
```
#043747 rgb(4,55,71)
```
#05455a
```
#05455a rgb(5,69,90)
```
#06546d
```
#06546d rgb(6,84,109)
```
#07627f
```
#07627f rgb(7,98,127)
```
#087092
```
#087092 rgb(8,112,146)
```
#097fa5
```
#097fa5 rgb(9,127,165)
```
#0a8db7
```
#0a8db7 rgb(10,141,183)
```
#0b9bca
```
#0b9bca rgb(11,155,202)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#0db8ef
```
#0db8ef rgb(13,184,239)
```

Shade Color Variation

#1cbff3
```
#1cbff3 rgb(28,191,243)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#42c9f5
```
#42c9f5 rgb(66,201,245)
```
#54cff6
```
#54cff6 rgb(84,207,246)
```
#67d4f7
```
#67d4f7 rgb(103,212,247)
```
#7ad9f8
```
#7ad9f8 rgb(122,217,248)
```
#8cdef9
```
#8cdef9 rgb(140,222,249)
```
#9fe4fa
```
#9fe4fa rgb(159,228,250)
```
#b1e9fb
```
#b1e9fb rgb(177,233,251)
```
#c4eefc
```
#c4eefc rgb(196,238,252)
```
#d7f4fd
```
#d7f4fd rgb(215,244,253)
```
#e9f9fe
```
#e9f9fe rgb(233,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#8c9497
```
#8c9497 rgb(140,148,151)
```
#8399a0
```
#8399a0 rgb(131,153,160)
```
#7b9da8
```
#7b9da8 rgb(123,157,168)
```
#72a1b1
```
#72a1b1 rgb(114,161,177)
```
#6aa6b9
```
#6aa6b9 rgb(106,166,185)
```
#62aac1
```
#62aac1 rgb(98,170,193)
```
#59aeca
```
#59aeca rgb(89,174,202)
```
#51b3d2
```
#51b3d2 rgb(81,179,210)
```
#48b7db
```
#48b7db rgb(72,183,219)
```
#40bbe3
```
#40bbe3 rgb(64,187,227)
```
#37c0ec
```
#37c0ec rgb(55,192,236)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#27c8fc
```
#27c8fc rgb(39,200,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#87a5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb7ea Protanopia 1% of men
#a1b7fa Deuteranopia 1% of men
#00cbda Tritanopia 0.001% of the population

Trichromacy

#7ebced Protanomaly 1% of men, 0.01% of women
#78bcf8 Deuteranomaly 6% of men, 0.4% of women
#11c8e3 Tritanomaly 0.01% of the population

#2fc4f4 hex color

#2fc4f4 Color Information

#2fc4f4 Color Conversion

Color Schemes with #2fc4f4

Alternatives to #2fc4f4

#2fc4f4 Preview

Shades and Tints of #2fc4f4

Tones of #2fc4f4

Color Blindness Simulator