#2fb6fd hex color

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

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

● #2fb6fd color description : Bright blue.

The hexadecimal color #2fb6fd has RGB values of R:47, G:182, B:253 and CMYK values of C:0.81, M:0.28, Y:0, K:0.01. Its decimal value is 3127037.

Hex triplet	2fb6fd	`#2fb6fd`
RGB Decimal	47, 182, 253	`rgb(47,182,253)`
RGB Percent	18.4, 71.4, 99.2	`rgb(18.4%,71.4%,99.2%)`
CMYK	81, 28, 0, 1
HSL	200.7°, 98.1, 58.8	`hsl(200.7,98.1%,58.8%)`
HSV (or HSB)	200.7°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.28, -11.393, -44.989
XYZ	35.625, 41.149, 98.988
xyY	0.203, 0.234, 41.149
CIE-LCH	70.28, 46.409, 255.79
CIE-LUV	70.28, -43.681, -71.659
Hunter-Lab	64.147, -13.125, -46.589
Binary	00101111, 10110110, 11111101

#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#fd762f
```
#fd762f rgb(253,118,47)
```

Complementary Color

#2ffddd
```
#2ffddd rgb(47,253,221)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#2f4ffd
```
#2f4ffd rgb(47,79,253)
```

Analogous Color

#fddd2f
```
#fddd2f rgb(253,221,47)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#fd2f4f
```
#fd2f4f rgb(253,47,79)
```

Split Complementary Color

#b6fd2f
```
#b6fd2f rgb(182,253,47)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#fd2fb6
```
#fd2fb6 rgb(253,47,182)
```

Triadic Color

#2ffd76
```
#2ffd76 rgb(47,253,118)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#fd2fb6
```
#fd2fb6 rgb(253,47,182)
```
#fd762f
```
#fd762f rgb(253,118,47)
```

Tetradic Color

#0292dd
```
#0292dd rgb(2,146,221)
```
#02a2f7
```
#02a2f7 rgb(2,162,247)
```
#16adfd
```
#16adfd rgb(22,173,253)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#48bffd
```
#48bffd rgb(72,191,253)
```
#62c8fd
```
#62c8fd rgb(98,200,253)
```
#7bd1fe
```
#7bd1fe rgb(123,209,254)
```

Monochromatic Color

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

#2feafd
```
#2feafd rgb(47,234,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)
```
#2f83fd
```
#2f83fd rgb(47,131,253)
```

Similar Colors

Text with hexadecimal color #2fb6fd

This text has a font color of #2fb6fd.

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

#2fb6fd background color

This paragraph has a background color of #2fb6fd.

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

#2fb6fd border color

This element has a border color of #2fb6fd.

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

CSS codes

.text {color:#2fb6fd;}

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

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

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 #f1faff is the lightest one.

#000406
```
#000406 rgb(0,4,6)
```
#001119
```
#001119 rgb(0,17,25)
```
#001d2d
```
#001d2d rgb(0,29,45)
```
#012a40
```
#012a40 rgb(1,42,64)
```
#013753
```
#013753 rgb(1,55,83)
```
#014467
```
#014467 rgb(1,68,103)
```
#01517a
```
#01517a rgb(1,81,122)
```
#015d8e
```
#015d8e rgb(1,93,142)
```
#026aa1
```
#026aa1 rgb(2,106,161)
```
#0277b5
```
#0277b5 rgb(2,119,181)
```
#0284c8
```
#0284c8 rgb(2,132,200)
```
#0291db
```
#0291db rgb(2,145,219)
```
#029def
```
#029def rgb(2,157,239)
```

Shade Color Variation

#08a8fd
```
#08a8fd rgb(8,168,253)
```
#1caffd
```
#1caffd rgb(28,175,253)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```
#42bdfd
```
#42bdfd rgb(66,189,253)
```
#56c4fd
```
#56c4fd rgb(86,196,253)
```
#69cafe
```
#69cafe rgb(105,202,254)
```
#7dd1fe
```
#7dd1fe rgb(125,209,254)
```
#90d8fe
```
#90d8fe rgb(144,216,254)
```
#a4dffe
```
#a4dffe rgb(164,223,254)
```
#b7e6fe
```
#b7e6fe rgb(183,230,254)
```
#caedfe
```
#caedfe rgb(202,237,254)
```
#def3ff
```
#def3ff rgb(222,243,255)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90989c is the less saturated color, while #2fb6fd is the most saturated one.

#90989c
```
#90989c rgb(144,152,156)
```
#889aa4
```
#889aa4 rgb(136,154,164)
```
#809dac
```
#809dac rgb(128,157,172)
```
#789fb4
```
#789fb4 rgb(120,159,180)
```
#70a2bc
```
#70a2bc rgb(112,162,188)
```
#68a4c4
```
#68a4c4 rgb(104,164,196)
```
#5fa7cd
```
#5fa7cd rgb(95,167,205)
```
#57a9d5
```
#57a9d5 rgb(87,169,213)
```
#4facdd
```
#4facdd rgb(79,172,221)
```
#47aee5
```
#47aee5 rgb(71,174,229)
```
#3fb1ed
```
#3fb1ed rgb(63,177,237)
```
#37b3f5
```
#37b3f5 rgb(55,179,245)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#819cab Atypical Achromatopsia 0.001% of the population

Dichromacy

#98adf4 Protanopia 1% of men
#87afff Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#71b0f7 Protanomaly 1% of men, 0.01% of women
#67b1fe Deuteranomaly 6% of men, 0.4% of women
#11bddf Tritanomaly 0.01% of the population

#2fb6fd hex color

#2fb6fd Color Information

#2fb6fd Color Conversion

Color Schemes with #2fb6fd

Alternatives to #2fb6fd

#2fb6fd Preview

Shades and Tints of #2fb6fd

Tones of #2fb6fd

Color Blindness Simulator