#2fa7ec hex color

In a RGB color space, hex #2fa7ec is composed of 18.4% red, 65.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 29.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.9 degrees, a saturation of 83.3% and a lightness of 55.5%. #2fa7ec color hex could be obtained by blending #5effff with #004fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 65
- B 93
RGB color chart
- C 80
- M 29
- Y 0
- K 7
CMYK color chart

● #2fa7ec color description : Bright blue.

The hexadecimal color #2fa7ec has RGB values of R:47, G:167, B:236 and CMYK values of C:0.8, M:0.29, Y:0, K:0.07. Its decimal value is 3123180.

Hex triplet	2fa7ec	`#2fa7ec`
RGB Decimal	47, 167, 236	`rgb(47,167,236)`
RGB Percent	18.4, 65.5, 92.5	`rgb(18.4%,65.5%,92.5%)`
CMYK	80, 29, 0, 7
HSL	201.9°, 83.3, 55.5	`hsl(201.9,83.3%,55.5%)`
HSV (or HSB)	201.9°, 80.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.196, -9.069, -43.715
XYZ	30.128, 34.295, 84.384
xyY	0.202, 0.23, 34.295
CIE-LCH	65.196, 44.646, 258.279
CIE-LUV	65.196, -39.639, -68.996
Hunter-Lab	58.562, -10.654, -44.439
Binary	00101111, 10100111, 11101100

#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#ec742f
```
#ec742f rgb(236,116,47)
```

Complementary Color

#2fecd3
```
#2fecd3 rgb(47,236,211)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#2f49ec
```
#2f49ec rgb(47,73,236)
```

Analogous Color

#ecd32f
```
#ecd32f rgb(236,211,47)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#ec2f48
```
#ec2f48 rgb(236,47,72)
```

Split Complementary Color

#a7ec2f
```
#a7ec2f rgb(167,236,47)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#ec2fa7
```
#ec2fa7 rgb(236,47,167)
```

Triadic Color

#2fec74
```
#2fec74 rgb(47,236,116)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#ec2fa7
```
#ec2fa7 rgb(236,47,167)
```
#ec742f
```
#ec742f rgb(236,116,47)
```

Tetradic Color

#117ebd
```
#117ebd rgb(17,126,189)
```
#138ed5
```
#138ed5 rgb(19,142,213)
```
#189dea
```
#189dea rgb(24,157,234)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#46b1ee
```
#46b1ee rgb(70,177,238)
```
#5ebbf0
```
#5ebbf0 rgb(94,187,240)
```
#75c5f2
```
#75c5f2 rgb(117,197,242)
```

Monochromatic Color

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

#2fd6ec
```
#2fd6ec rgb(47,214,236)
```
#2fc7ec
```
#2fc7ec rgb(47,199,236)
```
#2fb7ec
```
#2fb7ec rgb(47,183,236)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#2f97ec
```
#2f97ec rgb(47,151,236)
```
#2f88ec
```
#2f88ec rgb(47,136,236)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```

Similar Colors

Text with hexadecimal color #2fa7ec

This text has a font color of #2fa7ec.

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

#2fa7ec background color

This paragraph has a background color of #2fa7ec.

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

#2fa7ec border color

This element has a border color of #2fa7ec.

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

CSS codes

.text {color:#2fa7ec;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#02111a
```
#02111a rgb(2,17,26)
```
#041d2c
```
#041d2c rgb(4,29,44)
```
#06293e
```
#06293e rgb(6,41,62)
```
#073550
```
#073550 rgb(7,53,80)
```
#094162
```
#094162 rgb(9,65,98)
```
#0b4d74
```
#0b4d74 rgb(11,77,116)
```
#0c5985
```
#0c5985 rgb(12,89,133)
```
#0e6597
```
#0e6597 rgb(14,101,151)
```
#0f71a9
```
#0f71a9 rgb(15,113,169)
```
#117dbb
```
#117dbb rgb(17,125,187)
```
#1389cd
```
#1389cd rgb(19,137,205)
```
#1495df
```
#1495df rgb(20,149,223)
```

Shade Color Variation

#1d9fea
```
#1d9fea rgb(29,159,234)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#41afee
```
#41afee rgb(65,175,238)
```
#53b6ef
```
#53b6ef rgb(83,182,239)
```
#65bef1
```
#65bef1 rgb(101,190,241)
```
#77c5f3
```
#77c5f3 rgb(119,197,243)
```
#89cdf4
```
#89cdf4 rgb(137,205,244)
```
#9bd5f6
```
#9bd5f6 rgb(155,213,246)
```
#addcf7
```
#addcf7 rgb(173,220,247)
```
#bfe4f9
```
#bfe4f9 rgb(191,228,249)
```
#d1ebfb
```
#d1ebfb rgb(209,235,251)
```
#e3f3fc
```
#e3f3fc rgb(227,243,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868f95 is the less saturated color, while #1eacfd is the most saturated one.

#868f95
```
#868f95 rgb(134,143,149)
```
#7e929d
```
#7e929d rgb(126,146,157)
```
#7594a6
```
#7594a6 rgb(117,148,166)
```
#6c97af
```
#6c97af rgb(108,151,175)
```
#6399b8
```
#6399b8 rgb(99,153,184)
```
#5b9bc0
```
#5b9bc0 rgb(91,155,192)
```
#529ec9
```
#529ec9 rgb(82,158,201)
```
#49a0d2
```
#49a0d2 rgb(73,160,210)
```
#40a2db
```
#40a2db rgb(64,162,219)
```
#38a5e3
```
#38a5e3 rgb(56,165,227)
```
#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#26a9f5
```
#26a9f5 rgb(38,169,245)
```
#1eacfd
```
#1eacfd rgb(30,172,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#79919e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba0e5 Protanopia 1% of men
#79a2f0 Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#69a3e7 Protanomaly 1% of men, 0.01% of women
#5ea4ee Deuteranomaly 6% of men, 0.4% of women
#11aecf Tritanomaly 0.01% of the population

#2fa7ec hex color

#2fa7ec Color Information

#2fa7ec Color Conversion

Color Schemes with #2fa7ec

Alternatives to #2fa7ec

#2fa7ec Preview

Shades and Tints of #2fa7ec

Tones of #2fa7ec

Color Blindness Simulator