#2f7dfa hex color

In a RGB color space, hex #2f7dfa is composed of 18.4% red, 49% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 50% magenta, 0% yellow and 2% black. It has a hue angle of 216.9 degrees, a saturation of 95.3% and a lightness of 58.2%. #2f7dfa color hex could be obtained by blending #5efaff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 49
- B 98
RGB color chart
- C 81
- M 50
- Y 0
- K 2
CMYK color chart

● #2f7dfa color description : Bright blue.

The hexadecimal color #2f7dfa has RGB values of R:47, G:125, B:250 and CMYK values of C:0.81, M:0.5, Y:0, K:0.02. Its decimal value is 3112442.

Hex triplet	2f7dfa	`#2f7dfa`
RGB Decimal	47, 125, 250	`rgb(47,125,250)`
RGB Percent	18.4, 49, 98	`rgb(18.4%,49%,98%)`
CMYK	81, 50, 0, 2
HSL	216.9°, 95.3, 58.2	`hsl(216.9,95.3%,58.2%)`
HSV (or HSB)	216.9°, 81.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.209, 20.939, -68.955
XYZ	25.757, 22.172, 93.359
xyY	0.182, 0.157, 22.172
CIE-LCH	54.209, 72.064, 286.892
CIE-LUV	54.209, -25.69, -109.774
Hunter-Lab	47.087, 15.241, -84.594
Binary	00101111, 01111101, 11111010

#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#faac2f
```
#faac2f rgb(250,172,47)
```

Complementary Color

#2fe3fa
```
#2fe3fa rgb(47,227,250)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#462ffa
```
#462ffa rgb(70,47,250)
```

Analogous Color

#e3fa2f
```
#e3fa2f rgb(227,250,47)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#fa462f
```
#fa462f rgb(250,70,47)
```

Split Complementary Color

#7dfa2f
```
#7dfa2f rgb(125,250,47)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#fa2f7d
```
#fa2f7d rgb(250,47,125)
```

Triadic Color

#2ffaac
```
#2ffaac rgb(47,250,172)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#fa2f7d
```
#fa2f7d rgb(250,47,125)
```
#faac2f
```
#faac2f rgb(250,172,47)
```

Tetradic Color

#0556d7
```
#0556d7 rgb(5,86,215)
```
#0660f0
```
#0660f0 rgb(6,96,240)
```
#166df9
```
#166df9 rgb(22,109,249)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#488dfb
```
#488dfb rgb(72,141,251)
```
#619cfb
```
#619cfb rgb(97,156,251)
```
#7aacfc
```
#7aacfc rgb(122,172,252)
```

Monochromatic Color

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

#2fb0fa
```
#2fb0fa rgb(47,176,250)
```
#2f9ffa
```
#2f9ffa rgb(47,159,250)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#2f6cfa
```
#2f6cfa rgb(47,108,250)
```
#2f5bfa
```
#2f5bfa rgb(47,91,250)
```
#2f4afa
```
#2f4afa rgb(47,74,250)
```

Similar Colors

Text with hexadecimal color #2f7dfa

This text has a font color of #2f7dfa.

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

#2f7dfa background color

This paragraph has a background color of #2f7dfa.

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

#2f7dfa border color

This element has a border color of #2f7dfa.

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

CSS codes

.text {color:#2f7dfa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010916
```
#010916 rgb(1,9,22)
```
#011029
```
#011029 rgb(1,16,41)
```
#01183c
```
#01183c rgb(1,24,60)
```
#02204f
```
#02204f rgb(2,32,79)
```
#022762
```
#022762 rgb(2,39,98)
```
#032f76
```
#032f76 rgb(3,47,118)
```
#033789
```
#033789 rgb(3,55,137)
```
#043e9c
```
#043e9c rgb(4,62,156)
```
#0446af
```
#0446af rgb(4,70,175)
```
#054ec2
```
#054ec2 rgb(5,78,194)
```
#0555d5
```
#0555d5 rgb(5,85,213)
```
#065de9
```
#065de9 rgb(6,93,233)
```

Shade Color Variation

#0965f9
```
#0965f9 rgb(9,101,249)
```
#1c71fa
```
#1c71fa rgb(28,113,250)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#4289fa
```
#4289fa rgb(66,137,250)
```
#5595fb
```
#5595fb rgb(85,149,251)
```
#68a1fb
```
#68a1fb rgb(104,161,251)
```
#7cadfc
```
#7cadfc rgb(124,173,252)
```
#8fb9fc
```
#8fb9fc rgb(143,185,252)
```
#a2c5fd
```
#a2c5fd rgb(162,197,253)
```
#b5d1fd
```
#b5d1fd rgb(181,209,253)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```
#dbe9fe
```
#dbe9fe rgb(219,233,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919498 is the less saturated color, while #2f7dfa is the most saturated one.

#919498
```
#919498 rgb(145,148,152)
```
#8992a0
```
#8992a0 rgb(137,146,160)
```
#8190a8
```
#8190a8 rgb(129,144,168)
```
#798eb0
```
#798eb0 rgb(121,142,176)
```
#718cb8
```
#718cb8 rgb(113,140,184)
```
#688ac1
```
#688ac1 rgb(104,138,193)
```
#6088c9
```
#6088c9 rgb(96,136,201)
```
#5886d1
```
#5886d1 rgb(88,134,209)
```
#5085d9
```
#5085d9 rgb(80,133,217)
```
#4883e1
```
#4883e1 rgb(72,131,225)
```
#3f81ea
```
#3f81ea rgb(63,129,234)
```
#377ff2
```
#377ff2 rgb(55,127,242)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#66768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3484fa Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#3281fa Protanomaly 1% of men, 0.01% of women
#1185ec Deuteranomaly 6% of men, 0.4% of women
#118cbf Tritanomaly 0.01% of the population

#2f7dfa hex color

#2f7dfa Color Information

#2f7dfa Color Conversion

Color Schemes with #2f7dfa

Alternatives to #2f7dfa

#2f7dfa Preview

Shades and Tints of #2f7dfa

Tones of #2f7dfa

Color Blindness Simulator