#2fc6fd hex color

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

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

● #2fc6fd color description : Bright blue.

The hexadecimal color #2fc6fd has RGB values of R:47, G:198, B:253 and CMYK values of C:0.81, M:0.22, Y:0, K:0.01. Its decimal value is 3131133.

Hex triplet	2fc6fd	`#2fc6fd`
RGB Decimal	47, 198, 253	`rgb(47,198,253)`
RGB Percent	18.4, 77.6, 99.2	`rgb(18.4%,77.6%,99.2%)`
CMYK	81, 22, 0, 1
HSL	196°, 98.1, 58.8	`hsl(196,98.1%,58.8%)`
HSV (or HSB)	196°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.876, -19.871, -37.817
XYZ	39.091, 48.081, 100.143
xyY	0.209, 0.257, 48.081
CIE-LCH	74.876, 42.719, 242.28
CIE-LUV	74.876, -49.085, -58.778
Hunter-Lab	69.34, -20.714, -37.09
Binary	00101111, 11000110, 11111101

#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#fd662f
```
#fd662f rgb(253,102,47)
```

Complementary Color

#2ffdcd
```
#2ffdcd rgb(47,253,205)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#2f5ffd
```
#2f5ffd rgb(47,95,253)
```

Analogous Color

#fdcd2f
```
#fdcd2f rgb(253,205,47)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#fd2f5f
```
#fd2f5f rgb(253,47,95)
```

Split Complementary Color

#c6fd2f
```
#c6fd2f rgb(198,253,47)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#fd2fc6
```
#fd2fc6 rgb(253,47,198)
```

Triadic Color

#2ffd66
```
#2ffd66 rgb(47,253,102)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#fd2fc6
```
#fd2fc6 rgb(253,47,198)
```
#fd662f
```
#fd662f rgb(253,102,47)
```

Tetradic Color

#02a3dd
```
#02a3dd rgb(2,163,221)
```
#02b5f7
```
#02b5f7 rgb(2,181,247)
```
#16bffd
```
#16bffd rgb(22,191,253)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#48cdfd
```
#48cdfd rgb(72,205,253)
```
#62d4fd
```
#62d4fd rgb(98,212,253)
```
#7bdbfe
```
#7bdbfe rgb(123,219,254)
```

Monochromatic Color

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

#2ffafd
```
#2ffafd rgb(47,250,253)
```
#2fe8fd
```
#2fe8fd rgb(47,232,253)
```
#2fd7fd
```
#2fd7fd rgb(47,215,253)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#2fb5fd
```
#2fb5fd rgb(47,181,253)
```
#2fa4fd
```
#2fa4fd rgb(47,164,253)
```
#2f93fd
```
#2f93fd rgb(47,147,253)
```

Similar Colors

Text with hexadecimal color #2fc6fd

This text has a font color of #2fc6fd.

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

#2fc6fd background color

This paragraph has a background color of #2fc6fd.

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

#2fc6fd border color

This element has a border color of #2fc6fd.

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

CSS codes

.text {color:#2fc6fd;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001219
```
#001219 rgb(0,18,25)
```
#00212d
```
#00212d rgb(0,33,45)
```
#012f40
```
#012f40 rgb(1,47,64)
```
#013d53
```
#013d53 rgb(1,61,83)
```
#014c67
```
#014c67 rgb(1,76,103)
```
#015a7a
```
#015a7a rgb(1,90,122)
```
#01688e
```
#01688e rgb(1,104,142)
```
#0277a1
```
#0277a1 rgb(2,119,161)
```
#0285b5
```
#0285b5 rgb(2,133,181)
```
#0293c8
```
#0293c8 rgb(2,147,200)
```
#02a1db
```
#02a1db rgb(2,161,219)
```
#02b0ef
```
#02b0ef rgb(2,176,239)
```

Shade Color Variation

#08bbfd
```
#08bbfd rgb(8,187,253)
```
#1cc1fd
```
#1cc1fd rgb(28,193,253)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#42cbfd
```
#42cbfd rgb(66,203,253)
```
#56d1fd
```
#56d1fd rgb(86,209,253)
```
#69d6fe
```
#69d6fe rgb(105,214,254)
```
#7ddbfe
```
#7ddbfe rgb(125,219,254)
```
#90e1fe
```
#90e1fe rgb(144,225,254)
```
#a4e6fe
```
#a4e6fe rgb(164,230,254)
```
#b7ebfe
```
#b7ebfe rgb(183,235,254)
```
#caf1fe
```
#caf1fe rgb(202,241,254)
```
#def6ff
```
#def6ff rgb(222,246,255)
```
#f1fbff
```
#f1fbff rgb(241,251,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 #2fc6fd is the most saturated one.

#90999c
```
#90999c rgb(144,153,156)
```
#889da4
```
#889da4 rgb(136,157,164)
```
#80a0ac
```
#80a0ac rgb(128,160,172)
```
#78a4b4
```
#78a4b4 rgb(120,164,180)
```
#70a8bc
```
#70a8bc rgb(112,168,188)
```
#68acc4
```
#68acc4 rgb(104,172,196)
```
#5fafcd
```
#5fafcd rgb(95,175,205)
```
#57b3d5
```
#57b3d5 rgb(87,179,213)
```
#4fb7dd
```
#4fb7dd rgb(79,183,221)
```
#47bbe5
```
#47bbe5 rgb(71,187,229)
```
#3fbeed
```
#3fbeed rgb(63,190,237)
```
#37c2f5
```
#37c2f5 rgb(55,194,245)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#89a7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb9f2 Protanopia 1% of men
#a1baff Deuteranopia 1% of men
#00cedc Tritanopia 0.001% of the population

Trichromacy

#7ebef6 Protanomaly 1% of men, 0.01% of women
#77befe Deuteranomaly 6% of men, 0.4% of women
#11cbe8 Tritanomaly 0.01% of the population

#2fc6fd hex color

#2fc6fd Color Information

#2fc6fd Color Conversion

Color Schemes with #2fc6fd

Alternatives to #2fc6fd

#2fc6fd Preview

Shades and Tints of #2fc6fd

Tones of #2fc6fd

Color Blindness Simulator