#2f95fa hex color

In a RGB color space, hex #2f95fa is composed of 18.4% red, 58.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 40.4% magenta, 0% yellow and 2% black. It has a hue angle of 209.9 degrees, a saturation of 95.3% and a lightness of 58.2%. #2f95fa color hex could be obtained by blending #5effff with #002bf5. Closest websafe color is: #3399ff.

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

● #2f95fa color description : Bright blue.

The hexadecimal color #2f95fa has RGB values of R:47, G:149, B:250 and CMYK values of C:0.81, M:0.4, Y:0, K:0.02. Its decimal value is 3118586.

Hex triplet	2f95fa	`#2f95fa`
RGB Decimal	47, 149, 250	`rgb(47,149,250)`
RGB Percent	18.4, 58.4, 98	`rgb(18.4%,58.4%,98%)`
CMYK	81, 40, 0, 2
HSL	209.9°, 95.3, 58.2	`hsl(209.9,95.3%,58.2%)`
HSV (or HSB)	209.9°, 81.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.781, 6.317, -58.392
XYZ	29.171, 28.999, 94.497
xyY	0.191, 0.19, 28.999
CIE-LCH	60.781, 58.733, 276.174
CIE-LUV	60.781, -33.005, -94.228
Hunter-Lab	53.851, 2.455, -66.347
Binary	00101111, 10010101, 11111010

#2f95fa
```
#2f95fa rgb(47,149,250)
```
#fa942f
```
#fa942f rgb(250,148,47)
```

Complementary Color

#2ffafa
```
#2ffafa rgb(47,250,250)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#2f30fa
```
#2f30fa rgb(47,48,250)
```

Analogous Color

#fafa2f
```
#fafa2f rgb(250,250,47)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#fa2f30
```
#fa2f30 rgb(250,47,48)
```

Split Complementary Color

#95fa2f
```
#95fa2f rgb(149,250,47)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#fa2f95
```
#fa2f95 rgb(250,47,149)
```

Triadic Color

#2ffa94
```
#2ffa94 rgb(47,250,148)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#fa2f95
```
#fa2f95 rgb(250,47,149)
```
#fa942f
```
#fa942f rgb(250,148,47)
```

Tetradic Color

#056fd7
```
#056fd7 rgb(5,111,215)
```
#067cf0
```
#067cf0 rgb(6,124,240)
```
#1688f9
```
#1688f9 rgb(22,136,249)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#48a2fb
```
#48a2fb rgb(72,162,251)
```
#61aefb
```
#61aefb rgb(97,174,251)
```
#7abbfc
```
#7abbfc rgb(122,187,252)
```

Monochromatic Color

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

#2fc8fa
```
#2fc8fa rgb(47,200,250)
```
#2fb7fa
```
#2fb7fa rgb(47,183,250)
```
#2fa6fa
```
#2fa6fa rgb(47,166,250)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#2f84fa
```
#2f84fa rgb(47,132,250)
```
#2f73fa
```
#2f73fa rgb(47,115,250)
```
#2f62fa
```
#2f62fa rgb(47,98,250)
```

Similar Colors

Text with hexadecimal color #2f95fa

This text has a font color of #2f95fa.

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

#2f95fa background color

This paragraph has a background color of #2f95fa.

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

#2f95fa border color

This element has a border color of #2f95fa.

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

CSS codes

.text {color:#2f95fa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010b16
```
#010b16 rgb(1,11,22)
```
#011529
```
#011529 rgb(1,21,41)
```
#011f3c
```
#011f3c rgb(1,31,60)
```
#02294f
```
#02294f rgb(2,41,79)
```
#023362
```
#023362 rgb(2,51,98)
```
#033d76
```
#033d76 rgb(3,61,118)
```
#034689
```
#034689 rgb(3,70,137)
```
#04509c
```
#04509c rgb(4,80,156)
```
#045aaf
```
#045aaf rgb(4,90,175)
```
#0564c2
```
#0564c2 rgb(5,100,194)
```
#056ed5
```
#056ed5 rgb(5,110,213)
```
#0678e9
```
#0678e9 rgb(6,120,233)
```

Shade Color Variation

#0981f9
```
#0981f9 rgb(9,129,249)
```
#1c8bfa
```
#1c8bfa rgb(28,139,250)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```
#429ffa
```
#429ffa rgb(66,159,250)
```
#55a9fb
```
#55a9fb rgb(85,169,251)
```
#68b2fb
```
#68b2fb rgb(104,178,251)
```
#7cbcfc
```
#7cbcfc rgb(124,188,252)
```
#8fc6fc
```
#8fc6fc rgb(143,198,252)
```
#a2d0fd
```
#a2d0fd rgb(162,208,253)
```
#b5d9fd
```
#b5d9fd rgb(181,217,253)
```
#c8e3fe
```
#c8e3fe rgb(200,227,254)
```
#dbedfe
```
#dbedfe rgb(219,237,254)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

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

#919598
```
#919598 rgb(145,149,152)
```
#8995a0
```
#8995a0 rgb(137,149,160)
```
#8195a8
```
#8195a8 rgb(129,149,168)
```
#7995b0
```
#7995b0 rgb(121,149,176)
```
#7195b8
```
#7195b8 rgb(113,149,184)
```
#6895c1
```
#6895c1 rgb(104,149,193)
```
#6095c9
```
#6095c9 rgb(96,149,201)
```
#5895d1
```
#5895d1 rgb(88,149,209)
```
#5095d9
```
#5095d9 rgb(80,149,217)
```
#4895e1
```
#4895e1 rgb(72,149,225)
```
#3f95ea
```
#3f95ea rgb(63,149,234)
```
#3795f2
```
#3795f2 rgb(55,149,242)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#71869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b95f5 Protanopia 1% of men
#3f9afa Deuteranopia 1% of men
#00a7b1 Tritanopia 0.001% of the population

Trichromacy

#5595f7 Protanomaly 1% of men, 0.01% of women
#3998fa Deuteranomaly 6% of men, 0.4% of women
#11a0cc Tritanomaly 0.01% of the population

#2f95fa hex color

#2f95fa Color Information

#2f95fa Color Conversion

Color Schemes with #2f95fa

Alternatives to #2f95fa

#2f95fa Preview

Shades and Tints of #2f95fa

Tones of #2f95fa

Color Blindness Simulator