#2f60fa hex color

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

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

● #2f60fa color description : Bright blue.

The hexadecimal color #2f60fa has RGB values of R:47, G:96, B:250 and CMYK values of C:0.81, M:0.62, Y:0, K:0.02. Its decimal value is 3105018.

Hex triplet	2f60fa	`#2f60fa`
RGB Decimal	47, 96, 250	`rgb(47,96,250)`
RGB Percent	18.4, 37.6, 98	`rgb(18.4%,37.6%,98%)`
CMYK	81, 62, 0, 2
HSL	225.5°, 95.3, 58.2	`hsl(225.5,95.3%,58.2%)`
HSV (or HSB)	225.5°, 81.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.804, 39.085, -81.006
XYZ	22.607, 15.87, 92.309
xyY	0.173, 0.121, 15.87
CIE-LCH	46.804, 89.942, 295.757
CIE-LUV	46.804, -18.029, -123.299
Hunter-Lab	39.838, 31.578, -109.496
Binary	00101111, 01100000, 11111010

#2f60fa
```
#2f60fa rgb(47,96,250)
```
#fac92f
```
#fac92f rgb(250,201,47)
```

Complementary Color

#2fc6fa
```
#2fc6fa rgb(47,198,250)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#632ffa
```
#632ffa rgb(99,47,250)
```

Analogous Color

#c6fa2f
```
#c6fa2f rgb(198,250,47)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#fa632f
```
#fa632f rgb(250,99,47)
```

Split Complementary Color

#60fa2f
```
#60fa2f rgb(96,250,47)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#fa2f60
```
#fa2f60 rgb(250,47,96)
```

Triadic Color

#2ffac9
```
#2ffac9 rgb(47,250,201)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#fa2f60
```
#fa2f60 rgb(250,47,96)
```
#fac92f
```
#fac92f rgb(250,201,47)
```

Tetradic Color

#0538d7
```
#0538d7 rgb(5,56,215)
```
#063ef0
```
#063ef0 rgb(6,62,240)
```
#164df9
```
#164df9 rgb(22,77,249)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#4873fb
```
#4873fb rgb(72,115,251)
```
#6186fb
```
#6186fb rgb(97,134,251)
```
#7a99fc
```
#7a99fc rgb(122,153,252)
```

Monochromatic Color

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

#2f93fa
```
#2f93fa rgb(47,147,250)
```
#2f82fa
```
#2f82fa rgb(47,130,250)
```
#2f71fa
```
#2f71fa rgb(47,113,250)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#2f4ffa
```
#2f4ffa rgb(47,79,250)
```
#2f3efa
```
#2f3efa rgb(47,62,250)
```
#312ffa
```
#312ffa rgb(49,47,250)
```

Similar Colors

Text with hexadecimal color #2f60fa

This text has a font color of #2f60fa.

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

#2f60fa background color

This paragraph has a background color of #2f60fa.

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

#2f60fa border color

This element has a border color of #2f60fa.

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

CSS codes

.text {color:#2f60fa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010616
```
#010616 rgb(1,6,22)
```
#010b29
```
#010b29 rgb(1,11,41)
```
#01103c
```
#01103c rgb(1,16,60)
```
#02154f
```
#02154f rgb(2,21,79)
```
#021a62
```
#021a62 rgb(2,26,98)
```
#031f76
```
#031f76 rgb(3,31,118)
```
#032489
```
#032489 rgb(3,36,137)
```
#04289c
```
#04289c rgb(4,40,156)
```
#042daf
```
#042daf rgb(4,45,175)
```
#0532c2
```
#0532c2 rgb(5,50,194)
```
#0537d5
```
#0537d5 rgb(5,55,213)
```
#063ce9
```
#063ce9 rgb(6,60,233)
```

Shade Color Variation

#0943f9
```
#0943f9 rgb(9,67,249)
```
#1c51fa
```
#1c51fa rgb(28,81,250)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#426ffa
```
#426ffa rgb(66,111,250)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#688cfb
```
#688cfb rgb(104,140,251)
```
#7c9bfc
```
#7c9bfc rgb(124,155,252)
```
#8fa9fc
```
#8fa9fc rgb(143,169,252)
```
#a2b8fd
```
#a2b8fd rgb(162,184,253)
```
#b5c6fd
```
#b5c6fd rgb(181,198,253)
```
#c8d5fe
```
#c8d5fe rgb(200,213,254)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#919398
```
#919398 rgb(145,147,152)
```
#898fa0
```
#898fa0 rgb(137,143,160)
```
#818aa8
```
#818aa8 rgb(129,138,168)
```
#7986b0
```
#7986b0 rgb(121,134,176)
```
#7182b8
```
#7182b8 rgb(113,130,184)
```
#687ec1
```
#687ec1 rgb(104,126,193)
```
#6079c9
```
#6079c9 rgb(96,121,201)
```
#5875d1
```
#5875d1 rgb(88,117,209)
```
#5071d9
```
#5071d9 rgb(80,113,217)
```
#486de1
```
#486de1 rgb(72,109,225)
```
#3f68ea
```
#3f68ea rgb(63,104,234)
```
#3764f2
```
#3764f2 rgb(55,100,242)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#596281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#116ce9 Protanomaly 1% of men, 0.01% of women
#1170d7 Deuteranomaly 6% of men, 0.4% of women
#1175b2 Tritanomaly 0.01% of the population

#2f60fa hex color

#2f60fa Color Information

#2f60fa Color Conversion

Color Schemes with #2f60fa

Alternatives to #2f60fa

#2f60fa Preview

Shades and Tints of #2f60fa

Tones of #2f60fa

Color Blindness Simulator