#2fa4ef hex color

In a RGB color space, hex #2fa4ef is composed of 18.4% red, 64.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 31.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.4 degrees, a saturation of 85.7% and a lightness of 56.1%. #2fa4ef color hex could be obtained by blending #5effff with #0049df. Closest websafe color is: #3399ff.

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

● #2fa4ef color description : Bright blue.

The hexadecimal color #2fa4ef has RGB values of R:47, G:164, B:239 and CMYK values of C:0.8, M:0.31, Y:0, K:0.06. Its decimal value is 3122415.

Hex triplet	2fa4ef	`#2fa4ef`
RGB Decimal	47, 164, 239	`rgb(47,164,239)`
RGB Percent	18.4, 64.3, 93.7	`rgb(18.4%,64.3%,93.7%)`
CMYK	80, 31, 0, 6
HSL	203.4°, 85.7, 56.1	`hsl(203.4,85.7%,56.1%)`
HSV (or HSB)	203.4°, 80.3, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.471, -6.335, -46.501
XYZ	30.024, 33.385, 86.518
xyY	0.2, 0.223, 33.385
CIE-LCH	64.471, 46.931, 262.242
CIE-LUV	64.471, -38.459, -73.9
Hunter-Lab	57.779, -8.36, -48.334
Binary	00101111, 10100100, 11101111

#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#ef7a2f
```
#ef7a2f rgb(239,122,47)
```

Complementary Color

#2fefda
```
#2fefda rgb(47,239,218)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#2f44ef
```
#2f44ef rgb(47,68,239)
```

Analogous Color

#efda2f
```
#efda2f rgb(239,218,47)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#ef2f44
```
#ef2f44 rgb(239,47,68)
```

Split Complementary Color

#a4ef2f
```
#a4ef2f rgb(164,239,47)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#ef2fa4
```
#ef2fa4 rgb(239,47,164)
```

Triadic Color

#2fef7a
```
#2fef7a rgb(47,239,122)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#ef2fa4
```
#ef2fa4 rgb(239,47,164)
```
#ef7a2f
```
#ef7a2f rgb(239,122,47)
```

Tetradic Color

#0f7cc3
```
#0f7cc3 rgb(15,124,195)
```
#118cda
```
#118cda rgb(17,140,218)
```
#179aed
```
#179aed rgb(23,154,237)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#47aef1
```
#47aef1 rgb(71,174,241)
```
#5eb9f3
```
#5eb9f3 rgb(94,185,243)
```
#76c3f4
```
#76c3f4 rgb(118,195,244)
```

Monochromatic Color

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

#2fd4ef
```
#2fd4ef rgb(47,212,239)
```
#2fc4ef
```
#2fc4ef rgb(47,196,239)
```
#2fb4ef
```
#2fb4ef rgb(47,180,239)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#2f94ef
```
#2f94ef rgb(47,148,239)
```
#2f84ef
```
#2f84ef rgb(47,132,239)
```
#2f74ef
```
#2f74ef rgb(47,116,239)
```

Similar Colors

Text with hexadecimal color #2fa4ef

This text has a font color of #2fa4ef.

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

#2fa4ef background color

This paragraph has a background color of #2fa4ef.

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

#2fa4ef border color

This element has a border color of #2fa4ef.

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

CSS codes

.text {color:#2fa4ef;}

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

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

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, #01070b is the darkest color, while #f7fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#02121d
```
#02121d rgb(2,18,29)
```
#041e2f
```
#041e2f rgb(4,30,47)
```
#052a41
```
#052a41 rgb(5,42,65)
```
#063553
```
#063553 rgb(6,53,83)
```
#084166
```
#084166 rgb(8,65,102)
```
#094d78
```
#094d78 rgb(9,77,120)
```
#0b588a
```
#0b588a rgb(11,88,138)
```
#0c649c
```
#0c649c rgb(12,100,156)
```
#0d70af
```
#0d70af rgb(13,112,175)
```
#0f7bc1
```
#0f7bc1 rgb(15,123,193)
```
#1087d3
```
#1087d3 rgb(16,135,211)
```
#1293e5
```
#1293e5 rgb(18,147,229)
```

Shade Color Variation

#1d9cee
```
#1d9cee rgb(29,156,238)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#41acf0
```
#41acf0 rgb(65,172,240)
```
#53b4f2
```
#53b4f2 rgb(83,180,242)
```
#66bcf3
```
#66bcf3 rgb(102,188,243)
```
#78c4f5
```
#78c4f5 rgb(120,196,245)
```
#8accf6
```
#8accf6 rgb(138,204,246)
```
#9cd4f7
```
#9cd4f7 rgb(156,212,247)
```
#afdcf9
```
#afdcf9 rgb(175,220,249)
```
#c1e4fa
```
#c1e4fa rgb(193,228,250)
```
#d3ecfc
```
#d3ecfc rgb(211,236,252)
```
#e5f4fd
```
#e5f4fd rgb(229,244,253)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f90 is the less saturated color, while #26a6f8 is the most saturated one.

#8e8f90
```
#8e8f90 rgb(142,143,144)
```
#859199
```
#859199 rgb(133,145,153)
```
#7d93a1
```
#7d93a1 rgb(125,147,161)
```
#7495aa
```
#7495aa rgb(116,149,170)
```
#6b97b3
```
#6b97b3 rgb(107,151,179)
```
#6399bb
```
#6399bb rgb(99,153,187)
```
#5a9bc4
```
#5a9bc4 rgb(90,155,196)
```
#519ccd
```
#519ccd rgb(81,156,205)
```
#499ed5
```
#499ed5 rgb(73,158,213)
```
#40a0de
```
#40a0de rgb(64,160,222)
```
#38a2e6
```
#38a2e6 rgb(56,162,230)
```
#2fa4ef
```
#2fa4ef rgb(47,164,239)
```
#26a6f8
```
#26a6f8 rgb(38,166,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#788f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#869fe8 Protanopia 1% of men
#71a1f2 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#66a0ea Protanomaly 1% of men, 0.01% of women
#59a2f1 Deuteranomaly 6% of men, 0.4% of women
#11accf Tritanomaly 0.01% of the population

#2fa4ef hex color

#2fa4ef Color Information

#2fa4ef Color Conversion

Color Schemes with #2fa4ef

Alternatives to #2fa4ef

#2fa4ef Preview

Shades and Tints of #2fa4ef

Tones of #2fa4ef

Color Blindness Simulator