#2fa2ec hex color

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

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

● #2fa2ec color description : Bright blue.

The hexadecimal color #2fa2ec has RGB values of R:47, G:162, B:236 and CMYK values of C:0.8, M:0.31, Y:0, K:0.07. Its decimal value is 3121900.

Hex triplet	2fa2ec	`#2fa2ec`
RGB Decimal	47, 162, 236	`rgb(47,162,236)`
RGB Percent	18.4, 63.5, 92.5	`rgb(18.4%,63.5%,92.5%)`
CMYK	80, 31, 0, 7
HSL	203.5°, 83.3, 55.5	`hsl(203.5,83.3%,55.5%)`
HSV (or HSB)	203.5°, 80.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.753, -6.271, -45.986
XYZ	29.229, 32.499, 84.085
xyY	0.2, 0.223, 32.499
CIE-LCH	63.753, 46.412, 262.235
CIE-LUV	63.753, -37.954, -72.908
Hunter-Lab	57.008, -8.242, -47.546
Binary	00101111, 10100010, 11101100

#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#ec792f
```
#ec792f rgb(236,121,47)
```

Complementary Color

#2fecd8
```
#2fecd8 rgb(47,236,216)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#2f44ec
```
#2f44ec rgb(47,68,236)
```

Analogous Color

#ecd82f
```
#ecd82f rgb(236,216,47)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#ec2f44
```
#ec2f44 rgb(236,47,68)
```

Split Complementary Color

#a2ec2f
```
#a2ec2f rgb(162,236,47)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#ec2fa2
```
#ec2fa2 rgb(236,47,162)
```

Triadic Color

#2fec79
```
#2fec79 rgb(47,236,121)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#ec2fa2
```
#ec2fa2 rgb(236,47,162)
```
#ec792f
```
#ec792f rgb(236,121,47)
```

Tetradic Color

#117abd
```
#117abd rgb(17,122,189)
```
#1389d5
```
#1389d5 rgb(19,137,213)
```
#1898ea
```
#1898ea rgb(24,152,234)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#46acee
```
#46acee rgb(70,172,238)
```
#5eb7f0
```
#5eb7f0 rgb(94,183,240)
```
#75c1f2
```
#75c1f2 rgb(117,193,242)
```

Monochromatic Color

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

#2fd1ec
```
#2fd1ec rgb(47,209,236)
```
#2fc2ec
```
#2fc2ec rgb(47,194,236)
```
#2fb2ec
```
#2fb2ec rgb(47,178,236)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#2f92ec
```
#2f92ec rgb(47,146,236)
```
#2f83ec
```
#2f83ec rgb(47,131,236)
```
#2f73ec
```
#2f73ec rgb(47,115,236)
```

Similar Colors

Text with hexadecimal color #2fa2ec

This text has a font color of #2fa2ec.

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

#2fa2ec background color

This paragraph has a background color of #2fa2ec.

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

#2fa2ec border color

This element has a border color of #2fa2ec.

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

CSS codes

.text {color:#2fa2ec;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#02111a
```
#02111a rgb(2,17,26)
```
#041c2c
```
#041c2c rgb(4,28,44)
```
#06283e
```
#06283e rgb(6,40,62)
```
#073350
```
#073350 rgb(7,51,80)
```
#093f62
```
#093f62 rgb(9,63,98)
```
#0b4a74
```
#0b4a74 rgb(11,74,116)
```
#0c5685
```
#0c5685 rgb(12,86,133)
```
#0e6297
```
#0e6297 rgb(14,98,151)
```
#0f6da9
```
#0f6da9 rgb(15,109,169)
```
#1179bb
```
#1179bb rgb(17,121,187)
```
#1384cd
```
#1384cd rgb(19,132,205)
```
#1490df
```
#1490df rgb(20,144,223)
```

Shade Color Variation

#1d9aea
```
#1d9aea rgb(29,154,234)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#41aaee
```
#41aaee rgb(65,170,238)
```
#53b2ef
```
#53b2ef rgb(83,178,239)
```
#65baf1
```
#65baf1 rgb(101,186,241)
```
#77c2f3
```
#77c2f3 rgb(119,194,243)
```
#89caf4
```
#89caf4 rgb(137,202,244)
```
#9bd2f6
```
#9bd2f6 rgb(155,210,246)
```
#addaf7
```
#addaf7 rgb(173,218,247)
```
#bfe2f9
```
#bfe2f9 rgb(191,226,249)
```
#d1eafb
```
#d1eafb rgb(209,234,251)
```
#e3f2fc
```
#e3f2fc rgb(227,242,252)
```
#f5fafe
```
#f5fafe rgb(245,250,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 #1ea6fd is the most saturated one.

#868f95
```
#868f95 rgb(134,143,149)
```
#7e919d
```
#7e919d rgb(126,145,157)
```
#7593a6
```
#7593a6 rgb(117,147,166)
```
#6c95af
```
#6c95af rgb(108,149,175)
```
#6397b8
```
#6397b8 rgb(99,151,184)
```
#5b99c0
```
#5b99c0 rgb(91,153,192)
```
#529ac9
```
#529ac9 rgb(82,154,201)
```
#499cd2
```
#499cd2 rgb(73,156,210)
```
#409edb
```
#409edb rgb(64,158,219)
```
#38a0e3
```
#38a0e3 rgb(56,160,227)
```
#2fa2ec
```
#2fa2ec rgb(47,162,236)
```
#26a4f5
```
#26a4f5 rgb(38,164,245)
```
#1ea6fd
```
#1ea6fd rgb(30,166,253)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#768d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#849de5 Protanopia 1% of men
#709fef Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#659ee8 Protanomaly 1% of men, 0.01% of women
#58a0ee Deuteranomaly 6% of men, 0.4% of women
#11aacc Tritanomaly 0.01% of the population

#2fa2ec hex color

#2fa2ec Color Information

#2fa2ec Color Conversion

Color Schemes with #2fa2ec

Alternatives to #2fa2ec

#2fa2ec Preview

Shades and Tints of #2fa2ec

Tones of #2fa2ec

Color Blindness Simulator