colorhexa.com

#2fb4f7 hex color

In a RGB color space, hex #2fb4f7 is composed of 18.4% red, 70.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 27.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 200.1 degrees, a saturation of 92.6% and a lightness of 57.6%. #2fb4f7 color hex could be obtained by blending #5effff with #0069ef. Closest websafe color is: #33ccff.

- R 18
- G 71
- B 97
RGB color chart
- C 81
- M 27
- Y 0
- K 3
CMYK color chart

● #2fb4f7 color description : Bright blue.

The hexadecimal color #2fb4f7 has RGB values of R:47, G:180, B:247 and CMYK values of C:0.81, M:0.27, Y:0, K:0.03. Its decimal value is 3126519.

Hex triplet	2fb4f7	`#2fb4f7`
RGB Decimal	47, 180, 247	`rgb(47,180,247)`
RGB Percent	18.4, 70.6, 96.9	`rgb(18.4%,70.6%,96.9%)`
CMYK	81, 27, 0, 3
HSL	200.1°, 92.6, 57.6	`hsl(200.1,92.6%,57.6%)`
HSV (or HSB)	200.1°, 81, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.44, -12.378, -43.057
XYZ	34.278, 39.959, 93.897
xyY	0.204, 0.238, 39.959
CIE-LCH	69.44, 44.801, 253.962
CIE-LUV	69.44, -43.376, -68.109
Hunter-Lab	63.213, -13.83, -43.82
Binary	00101111, 10110100, 11110111

#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#f7722f
```
#f7722f rgb(247,114,47)
```

Complementary Color

#2ff7d6
```
#2ff7d6 rgb(47,247,214)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#2f50f7
```
#2f50f7 rgb(47,80,247)
```

Analogous Color

#f7d62f
```
#f7d62f rgb(247,214,47)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#f72f50
```
#f72f50 rgb(247,47,80)
```

Split Complementary Color

#b4f72f
```
#b4f72f rgb(180,247,47)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#f72fb4
```
#f72fb4 rgb(247,47,180)
```

Triadic Color

#2ff772
```
#2ff772 rgb(47,247,114)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#f72fb4
```
#f72fb4 rgb(247,47,180)
```
#f7722f
```
#f7722f rgb(247,114,47)
```

Tetradic Color

#088ed1
```
#088ed1 rgb(8,142,209)
```
#099fea
```
#099fea rgb(9,159,234)
```
#16abf6
```
#16abf6 rgb(22,171,246)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#48bdf8
```
#48bdf8 rgb(72,189,248)
```
#60c6f9
```
#60c6f9 rgb(96,198,249)
```
#79cffa
```
#79cffa rgb(121,207,250)
```

Monochromatic Color

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

#2fe6f7
```
#2fe6f7 rgb(47,230,247)
```
#2fd5f7
```
#2fd5f7 rgb(47,213,247)
```
#2fc5f7
```
#2fc5f7 rgb(47,197,247)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#2fa3f7
```
#2fa3f7 rgb(47,163,247)
```
#2f93f7
```
#2f93f7 rgb(47,147,247)
```
#2f82f7
```
#2f82f7 rgb(47,130,247)
```

Similar Colors

Text with hexadecimal color #2fb4f7

This text has a font color of #2fb4f7.

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

#2fb4f7 background color

This paragraph has a background color of #2fb4f7.

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

#2fb4f7 border color

This element has a border color of #2fb4f7.

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

CSS codes

.text {color:#2fb4f7;}

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

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

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

#010d13
```
#010d13 rgb(1,13,19)
```
#011926
```
#011926 rgb(1,25,38)
```
#022638
```
#022638 rgb(2,38,56)
```
#03334b
```
#03334b rgb(3,51,75)
```
#04405e
```
#04405e rgb(4,64,94)
```
#044d71
```
#044d71 rgb(4,77,113)
```
#055984
```
#055984 rgb(5,89,132)
```
#066697
```
#066697 rgb(6,102,151)
```
#0773aa
```
#0773aa rgb(7,115,170)
```
#0780bd
```
#0780bd rgb(7,128,189)
```
#088dd0
```
#088dd0 rgb(8,141,208)
```
#099ae2
```
#099ae2 rgb(9,154,226)
```
#09a6f5
```
#09a6f5 rgb(9,166,245)
```

Shade Color Variation

#1cadf6
```
#1cadf6 rgb(28,173,246)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```
#42bbf8
```
#42bbf8 rgb(66,187,248)
```
#55c2f8
```
#55c2f8 rgb(85,194,248)
```
#68c8f9
```
#68c8f9 rgb(104,200,249)
```
#7bcffa
```
#7bcffa rgb(123,207,250)
```
#8dd6fb
```
#8dd6fb rgb(141,214,251)
```
#a0ddfb
```
#a0ddfb rgb(160,221,251)
```
#b3e4fc
```
#b3e4fc rgb(179,228,252)
```
#c6eafd
```
#c6eafd rgb(198,234,253)
```
#d9f1fe
```
#d9f1fe rgb(217,241,254)
```
#ecf8fe
```
#ecf8fe rgb(236,248,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8a969c
```
#8a969c rgb(138,150,156)
```
#8299a4
```
#8299a4 rgb(130,153,164)
```
#7a9bac
```
#7a9bac rgb(122,155,172)
```
#719eb5
```
#719eb5 rgb(113,158,181)
```
#69a1bd
```
#69a1bd rgb(105,161,189)
```
#61a4c5
```
#61a4c5 rgb(97,164,197)
```
#59a6cd
```
#59a6cd rgb(89,166,205)
```
#50a9d6
```
#50a9d6 rgb(80,169,214)
```
#48acde
```
#48acde rgb(72,172,222)
```
#40afe6
```
#40afe6 rgb(64,175,230)
```
#37b1ef
```
#37b1ef rgb(55,177,239)
```
#2fb4f7
```
#2fb4f7 rgb(47,180,247)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809aa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97abee Protanopia 1% of men
#87adfb Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#71aef1 Protanomaly 1% of men, 0.01% of women
#67affa Deuteranomaly 6% of men, 0.4% of women
#11badb Tritanomaly 0.01% of the population