#2fc7fd hex color

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

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

● #2fc7fd color description : Bright blue.

The hexadecimal color #2fc7fd has RGB values of R:47, G:199, B:253 and CMYK values of C:0.81, M:0.21, Y:0, K:0.01. Its decimal value is 3131389.

Hex triplet	2fc7fd	`#2fc7fd`
RGB Decimal	47, 199, 253	`rgb(47,199,253)`
RGB Percent	18.4, 78, 99.2	`rgb(18.4%,78%,99.2%)`
CMYK	81, 21, 0, 1
HSL	195.7°, 98.1, 58.8	`hsl(195.7,98.1%,58.8%)`
HSV (or HSB)	195.7°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.164, -20.387, -37.369
XYZ	39.321, 48.539, 100.22
xyY	0.209, 0.258, 48.539
CIE-LCH	75.164, 42.569, 241.386
CIE-LUV	75.164, -49.424, -57.967
Hunter-Lab	69.67, -21.181, -36.519
Binary	00101111, 11000111, 11111101

#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#fd652f
```
#fd652f rgb(253,101,47)
```

Complementary Color

#2ffdcc
```
#2ffdcc rgb(47,253,204)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#2f60fd
```
#2f60fd rgb(47,96,253)
```

Analogous Color

#fdcc2f
```
#fdcc2f rgb(253,204,47)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#fd2f60
```
#fd2f60 rgb(253,47,96)
```

Split Complementary Color

#c7fd2f
```
#c7fd2f rgb(199,253,47)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#fd2fc7
```
#fd2fc7 rgb(253,47,199)
```

Triadic Color

#2ffd65
```
#2ffd65 rgb(47,253,101)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#fd2fc7
```
#fd2fc7 rgb(253,47,199)
```
#fd652f
```
#fd652f rgb(253,101,47)
```

Tetradic Color

#02a4dd
```
#02a4dd rgb(2,164,221)
```
#02b7f7
```
#02b7f7 rgb(2,183,247)
```
#16c0fd
```
#16c0fd rgb(22,192,253)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#48cefd
```
#48cefd rgb(72,206,253)
```
#62d5fd
```
#62d5fd rgb(98,213,253)
```
#7bdbfe
```
#7bdbfe rgb(123,219,254)
```

Monochromatic Color

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

#2ffbfd
```
#2ffbfd rgb(47,251,253)
```
#2fe9fd
```
#2fe9fd rgb(47,233,253)
```
#2fd8fd
```
#2fd8fd rgb(47,216,253)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#2fa5fd
```
#2fa5fd rgb(47,165,253)
```
#2f94fd
```
#2f94fd rgb(47,148,253)
```

Similar Colors

Text with hexadecimal color #2fc7fd

This text has a font color of #2fc7fd.

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

#2fc7fd background color

This paragraph has a background color of #2fc7fd.

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

#2fc7fd border color

This element has a border color of #2fc7fd.

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

CSS codes

.text {color:#2fc7fd;}

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

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

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)
```
#001319
```
#001319 rgb(0,19,25)
```
#00212d
```
#00212d rgb(0,33,45)
```
#012f40
```
#012f40 rgb(1,47,64)
```
#013e53
```
#013e53 rgb(1,62,83)
```
#014c67
```
#014c67 rgb(1,76,103)
```
#015b7a
```
#015b7a rgb(1,91,122)
```
#01698e
```
#01698e rgb(1,105,142)
```
#0277a1
```
#0277a1 rgb(2,119,161)
```
#0286b5
```
#0286b5 rgb(2,134,181)
```
#0294c8
```
#0294c8 rgb(2,148,200)
```
#02a2db
```
#02a2db rgb(2,162,219)
```
#02b1ef
```
#02b1ef rgb(2,177,239)
```

Shade Color Variation

#08bdfd
```
#08bdfd rgb(8,189,253)
```
#1cc2fd
```
#1cc2fd rgb(28,194,253)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```
#42ccfd
```
#42ccfd rgb(66,204,253)
```
#56d1fd
```
#56d1fd rgb(86,209,253)
```
#69d7fe
```
#69d7fe rgb(105,215,254)
```
#7ddcfe
```
#7ddcfe rgb(125,220,254)
```
#90e1fe
```
#90e1fe rgb(144,225,254)
```
#a4e6fe
```
#a4e6fe rgb(164,230,254)
```
#b7ecfe
```
#b7ecfe rgb(183,236,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 #2fc7fd is the most saturated one.

#90999c
```
#90999c rgb(144,153,156)
```
#889da4
```
#889da4 rgb(136,157,164)
```
#80a1ac
```
#80a1ac rgb(128,161,172)
```
#78a4b4
```
#78a4b4 rgb(120,164,180)
```
#70a8bc
```
#70a8bc rgb(112,168,188)
```
#68acc4
```
#68acc4 rgb(104,172,196)
```
#5fb0cd
```
#5fb0cd rgb(95,176,205)
```
#57b4d5
```
#57b4d5 rgb(87,180,213)
```
#4fb8dd
```
#4fb8dd rgb(79,184,221)
```
#47bbe5
```
#47bbe5 rgb(71,187,229)
```
#3fbfed
```
#3fbfed rgb(63,191,237)
```
#37c3f5
```
#37c3f5 rgb(55,195,245)
```
#2fc7fd
```
#2fc7fd rgb(47,199,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acbaf2 Protanopia 1% of men
#a3bbff Deuteranopia 1% of men
#00cfdd Tritanopia 0.001% of the population

Trichromacy

#7ebff6 Protanomaly 1% of men, 0.01% of women
#78bffe Deuteranomaly 6% of men, 0.4% of women
#11cce9 Tritanomaly 0.01% of the population

#2fc7fd hex color

#2fc7fd Color Information

#2fc7fd Color Conversion

Color Schemes with #2fc7fd

Alternatives to #2fc7fd

#2fc7fd Preview

Shades and Tints of #2fc7fd

Tones of #2fc7fd

Color Blindness Simulator