#2fa7f3 hex color

In a RGB color space, hex #2fa7f3 is composed of 18.4% red, 65.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 31.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.3 degrees, a saturation of 89.1% and a lightness of 56.9%. #2fa7f3 color hex could be obtained by blending #5effff with #004fe7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 65
- B 95
RGB color chart
- C 81
- M 31
- Y 0
- K 5
CMYK color chart

● #2fa7f3 color description : Bright blue.

The hexadecimal color #2fa7f3 has RGB values of R:47, G:167, B:243 and CMYK values of C:0.81, M:0.31, Y:0, K:0.05. Its decimal value is 3123187.

Hex triplet	2fa7f3	`#2fa7f3`
RGB Decimal	47, 167, 243	`rgb(47,167,243)`
RGB Percent	18.4, 65.5, 95.3	`rgb(18.4%,65.5%,95.3%)`
CMYK	81, 31, 0, 5
HSL	203.3°, 89.1, 56.9	`hsl(203.3,89.1%,56.9%)`
HSV (or HSB)	203.3°, 80.7, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.522, -6.607, -47.034
XYZ	31.165, 34.71, 89.846
xyY	0.2, 0.223, 34.71
CIE-LCH	65.522, 47.496, 262.004
CIE-LUV	65.522, -39.24, -74.958
Hunter-Lab	58.915, -8.68, -49.177
Binary	00101111, 10100111, 11110011

#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#f37b2f
```
#f37b2f rgb(243,123,47)
```

Complementary Color

#2ff3dd
```
#2ff3dd rgb(47,243,221)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#2f45f3
```
#2f45f3 rgb(47,69,243)
```

Analogous Color

#f3dd2f
```
#f3dd2f rgb(243,221,47)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#f32f45
```
#f32f45 rgb(243,47,69)
```

Split Complementary Color

#a7f32f
```
#a7f32f rgb(167,243,47)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#f32fa7
```
#f32fa7 rgb(243,47,167)
```

Triadic Color

#2ff37b
```
#2ff37b rgb(47,243,123)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#f32fa7
```
#f32fa7 rgb(243,47,167)
```
#f37b2f
```
#f37b2f rgb(243,123,47)
```

Tetradic Color

#0c80ca
```
#0c80ca rgb(12,128,202)
```
#0d8fe2
```
#0d8fe2 rgb(13,143,226)
```
#179df2
```
#179df2 rgb(23,157,242)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#47b1f4
```
#47b1f4 rgb(71,177,244)
```
#5fbbf6
```
#5fbbf6 rgb(95,187,246)
```
#77c6f7
```
#77c6f7 rgb(119,198,247)
```

Monochromatic Color

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

#2fd8f3
```
#2fd8f3 rgb(47,216,243)
```
#2fc8f3
```
#2fc8f3 rgb(47,200,243)
```
#2fb7f3
```
#2fb7f3 rgb(47,183,243)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#2f97f3
```
#2f97f3 rgb(47,151,243)
```
#2f86f3
```
#2f86f3 rgb(47,134,243)
```
#2f76f3
```
#2f76f3 rgb(47,118,243)
```

Similar Colors

Text with hexadecimal color #2fa7f3

This text has a font color of #2fa7f3.

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

#2fa7f3 background color

This paragraph has a background color of #2fa7f3.

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

#2fa7f3 border color

This element has a border color of #2fa7f3.

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

CSS codes

.text {color:#2fa7f3;}

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

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

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, #01090f is the darkest color, while #fbfdff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#021521
```
#021521 rgb(2,21,33)
```
#032134
```
#032134 rgb(3,33,52)
```
#042d46
```
#042d46 rgb(4,45,70)
```
#053859
```
#053859 rgb(5,56,89)
```
#06446b
```
#06446b rgb(6,68,107)
```
#07507e
```
#07507e rgb(7,80,126)
```
#085c90
```
#085c90 rgb(8,92,144)
```
#0967a3
```
#0967a3 rgb(9,103,163)
```
#0a73b5
```
#0a73b5 rgb(10,115,181)
```
#0c7fc8
```
#0c7fc8 rgb(12,127,200)
```
#0d8bdb
```
#0d8bdb rgb(13,139,219)
```
#0e96ed
```
#0e96ed rgb(14,150,237)
```

Shade Color Variation

#1c9ff2
```
#1c9ff2 rgb(28,159,242)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#42aff4
```
#42aff4 rgb(66,175,244)
```
#54b7f5
```
#54b7f5 rgb(84,183,245)
```
#67bff6
```
#67bff6 rgb(103,191,246)
```
#79c6f7
```
#79c6f7 rgb(121,198,247)
```
#8ccef8
```
#8ccef8 rgb(140,206,248)
```
#9ed6f9
```
#9ed6f9 rgb(158,214,249)
```
#b1defa
```
#b1defa rgb(177,222,250)
```
#c3e6fc
```
#c3e6fc rgb(195,230,252)
```
#d6eefd
```
#d6eefd rgb(214,238,253)
```
#e8f5fe
```
#e8f5fe rgb(232,245,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8c9296
```
#8c9296 rgb(140,146,150)
```
#84949e
```
#84949e rgb(132,148,158)
```
#7b96a7
```
#7b96a7 rgb(123,150,167)
```
#7398af
```
#7398af rgb(115,152,175)
```
#6a9ab8
```
#6a9ab8 rgb(106,154,184)
```
#629cc0
```
#629cc0 rgb(98,156,192)
```
#599ec9
```
#599ec9 rgb(89,158,201)
```
#519fd1
```
#519fd1 rgb(81,159,209)
```
#48a1da
```
#48a1da rgb(72,161,218)
```
#40a3e2
```
#40a3e2 rgb(64,163,226)
```
#37a5eb
```
#37a5eb rgb(55,165,235)
```
#2fa7f3
```
#2fa7f3 rgb(47,167,243)
```
#27a9fb
```
#27a9fb rgb(39,169,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7991a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a1ec Protanopia 1% of men
#73a4f6 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#68a3ee Protanomaly 1% of men, 0.01% of women
#5aa5f5 Deuteranomaly 6% of men, 0.4% of women
#11afd2 Tritanomaly 0.01% of the population

#2fa7f3 hex color

#2fa7f3 Color Information

#2fa7f3 Color Conversion

Color Schemes with #2fa7f3

Alternatives to #2fa7f3

#2fa7f3 Preview

Shades and Tints of #2fa7f3

Tones of #2fa7f3

Color Blindness Simulator