#2f77f7 hex color

In a RGB color space, hex #2f77f7 is composed of 18.4% red, 46.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 51.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 218.4 degrees, a saturation of 92.6% and a lightness of 57.6%. #2f77f7 color hex could be obtained by blending #5eeeff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 47
- B 97
RGB color chart
- C 81
- M 52
- Y 0
- K 3
CMYK color chart

● #2f77f7 color description : Bright blue.

The hexadecimal color #2f77f7 has RGB values of R:47, G:119, B:247 and CMYK values of C:0.81, M:0.52, Y:0, K:0.03. Its decimal value is 3110903.

Hex triplet	2f77f7	`#2f77f7`
RGB Decimal	47, 119, 247	`rgb(47,119,247)`
RGB Percent	18.4, 46.7, 96.9	`rgb(18.4%,46.7%,96.9%)`
CMYK	81, 52, 0, 3
HSL	218.4°, 92.6, 57.6	`hsl(218.4,92.6%,57.6%)`
HSV (or HSB)	218.4°, 81, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.411, 23.569, -70.202
XYZ	24.554, 20.511, 90.656
xyY	0.181, 0.151, 20.511
CIE-LCH	52.411, 74.053, 288.559
CIE-LUV	52.411, -24.039, -110.921
Hunter-Lab	45.29, 17.518, -86.977
Binary	00101111, 01110111, 11110111

#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#f7af2f
```
#f7af2f rgb(247,175,47)
```

Complementary Color

#2fdbf7
```
#2fdbf7 rgb(47,219,247)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#4b2ff7
```
#4b2ff7 rgb(75,47,247)
```

Analogous Color

#dbf72f
```
#dbf72f rgb(219,247,47)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#f74b2f
```
#f74b2f rgb(247,75,47)
```

Split Complementary Color

#77f72f
```
#77f72f rgb(119,247,47)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#f72f77
```
#f72f77 rgb(247,47,119)
```

Triadic Color

#2ff7af
```
#2ff7af rgb(47,247,175)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#f72f77
```
#f72f77 rgb(247,47,119)
```
#f7af2f
```
#f7af2f rgb(247,175,47)
```

Tetradic Color

#0851d1
```
#0851d1 rgb(8,81,209)
```
#095aea
```
#095aea rgb(9,90,234)
```
#1667f6
```
#1667f6 rgb(22,103,246)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#4887f8
```
#4887f8 rgb(72,135,248)
```
#6097f9
```
#6097f9 rgb(96,151,249)
```
#79a7fa
```
#79a7fa rgb(121,167,250)
```

Monochromatic Color

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

#2fa9f7
```
#2fa9f7 rgb(47,169,247)
```
#2f98f7
```
#2f98f7 rgb(47,152,247)
```
#2f88f7
```
#2f88f7 rgb(47,136,247)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#2f66f7
```
#2f66f7 rgb(47,102,247)
```
#2f56f7
```
#2f56f7 rgb(47,86,247)
```
#2f45f7
```
#2f45f7 rgb(47,69,247)
```

Similar Colors

Text with hexadecimal color #2f77f7

This text has a font color of #2f77f7.

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

#2f77f7 background color

This paragraph has a background color of #2f77f7.

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

#2f77f7 border color

This element has a border color of #2f77f7.

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

CSS codes

.text {color:#2f77f7;}

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

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

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

#010713
```
#010713 rgb(1,7,19)
```
#010e26
```
#010e26 rgb(1,14,38)
```
#021638
```
#021638 rgb(2,22,56)
```
#031d4b
```
#031d4b rgb(3,29,75)
```
#04245e
```
#04245e rgb(4,36,94)
```
#042c71
```
#042c71 rgb(4,44,113)
```
#053384
```
#053384 rgb(5,51,132)
```
#063a97
```
#063a97 rgb(6,58,151)
```
#0741aa
```
#0741aa rgb(7,65,170)
```
#0749bd
```
#0749bd rgb(7,73,189)
```
#0850d0
```
#0850d0 rgb(8,80,208)
```
#0957e2
```
#0957e2 rgb(9,87,226)
```
#095ef5
```
#095ef5 rgb(9,94,245)
```

Shade Color Variation

#1c6bf6
```
#1c6bf6 rgb(28,107,246)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```
#4283f8
```
#4283f8 rgb(66,131,248)
```
#5590f8
```
#5590f8 rgb(85,144,248)
```
#689cf9
```
#689cf9 rgb(104,156,249)
```
#7ba8fa
```
#7ba8fa rgb(123,168,250)
```
#8db5fb
```
#8db5fb rgb(141,181,251)
```
#a0c1fb
```
#a0c1fb rgb(160,193,251)
```
#b3cdfc
```
#b3cdfc rgb(179,205,252)
```
#c6dafd
```
#c6dafd rgb(198,218,253)
```
#d9e6fe
```
#d9e6fe rgb(217,230,254)
```
#ecf3fe
```
#ecf3fe rgb(236,243,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 #2f77f7 is the most saturated one.

#939393
```
#939393 rgb(147,147,147)
```
#8a919c
```
#8a919c rgb(138,145,156)
```
#828ea4
```
#828ea4 rgb(130,142,164)
```
#7a8cac
```
#7a8cac rgb(122,140,172)
```
#718ab5
```
#718ab5 rgb(113,138,181)
```
#6987bd
```
#6987bd rgb(105,135,189)
```
#6185c5
```
#6185c5 rgb(97,133,197)
```
#5983cd
```
#5983cd rgb(89,131,205)
```
#5080d6
```
#5080d6 rgb(80,128,214)
```
#487ede
```
#487ede rgb(72,126,222)
```
#407ce6
```
#407ce6 rgb(64,124,230)
```
#3779ef
```
#3779ef rgb(55,121,239)
```
#2f77f7
```
#2f77f7 rgb(47,119,247)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#63718b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b7ff8 Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#227cf8 Protanomaly 1% of men, 0.01% of women
#1180e5 Deuteranomaly 6% of men, 0.4% of women
#1187bb Tritanomaly 0.01% of the population

#2f77f7 hex color

#2f77f7 Color Information

#2f77f7 Color Conversion

Color Schemes with #2f77f7

Alternatives to #2f77f7

#2f77f7 Preview

Shades and Tints of #2f77f7

Tones of #2f77f7

Color Blindness Simulator