#2f57fa hex color

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

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

● #2f57fa color description : Bright blue.

The hexadecimal color #2f57fa has RGB values of R:47, G:87, B:250 and CMYK values of C:0.81, M:0.65, Y:0, K:0.02. Its decimal value is 3102714.

Hex triplet	2f57fa	`#2f57fa`
RGB Decimal	47, 87, 250	`rgb(47,87,250)`
RGB Percent	18.4, 34.1, 98	`rgb(18.4%,34.1%,98%)`
CMYK	81, 65, 0, 2
HSL	228.2°, 95.3, 58.2	`hsl(228.2,95.3%,58.2%)`
HSV (or HSB)	228.2°, 81.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.69, 44.617, -84.474
XYZ	21.832, 14.321, 92.051
xyY	0.17, 0.112, 14.321
CIE-LCH	44.69, 95.533, 297.842
CIE-LUV	44.69, -16.002, -126.065
Hunter-Lab	37.843, 36.752, -117.727
Binary	00101111, 01010111, 11111010

#2f57fa
```
#2f57fa rgb(47,87,250)
```
#fad22f
```
#fad22f rgb(250,210,47)
```

Complementary Color

#2fbdfa
```
#2fbdfa rgb(47,189,250)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#6d2ffa
```
#6d2ffa rgb(109,47,250)
```

Analogous Color

#bdfa2f
```
#bdfa2f rgb(189,250,47)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#fa6d2f
```
#fa6d2f rgb(250,109,47)
```

Split Complementary Color

#57fa2f
```
#57fa2f rgb(87,250,47)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#fa2f57
```
#fa2f57 rgb(250,47,87)
```

Triadic Color

#2ffad2
```
#2ffad2 rgb(47,250,210)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#fa2f57
```
#fa2f57 rgb(250,47,87)
```
#fad22f
```
#fad22f rgb(250,210,47)
```

Tetradic Color

#052fd7
```
#052fd7 rgb(5,47,215)
```
#0634f0
```
#0634f0 rgb(6,52,240)
```
#1643f9
```
#1643f9 rgb(22,67,249)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#486bfb
```
#486bfb rgb(72,107,251)
```
#617ffb
```
#617ffb rgb(97,127,251)
```
#7a93fc
```
#7a93fc rgb(122,147,252)
```

Monochromatic Color

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

#2f8afa
```
#2f8afa rgb(47,138,250)
```
#2f79fa
```
#2f79fa rgb(47,121,250)
```
#2f68fa
```
#2f68fa rgb(47,104,250)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#2f46fa
```
#2f46fa rgb(47,70,250)
```
#2f35fa
```
#2f35fa rgb(47,53,250)
```
#3a2ffa
```
#3a2ffa rgb(58,47,250)
```

Similar Colors

Text with hexadecimal color #2f57fa

This text has a font color of #2f57fa.

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

#2f57fa background color

This paragraph has a background color of #2f57fa.

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

#2f57fa border color

This element has a border color of #2f57fa.

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

CSS codes

.text {color:#2f57fa;}

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

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

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)
```
#010516
```
#010516 rgb(1,5,22)
```
#010929
```
#010929 rgb(1,9,41)
```
#010d3c
```
#010d3c rgb(1,13,60)
```
#02114f
```
#02114f rgb(2,17,79)
```
#021562
```
#021562 rgb(2,21,98)
```
#031976
```
#031976 rgb(3,25,118)
```
#031e89
```
#031e89 rgb(3,30,137)
```
#04229c
```
#04229c rgb(4,34,156)
```
#0426af
```
#0426af rgb(4,38,175)
```
#052ac2
```
#052ac2 rgb(5,42,194)
```
#052ed5
```
#052ed5 rgb(5,46,213)
```
#0632e9
```
#0632e9 rgb(6,50,233)
```

Shade Color Variation

#0938f9
```
#0938f9 rgb(9,56,249)
```
#1c48fa
```
#1c48fa rgb(28,72,250)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```
#4266fa
```
#4266fa rgb(66,102,250)
```
#5576fb
```
#5576fb rgb(85,118,251)
```
#6885fb
```
#6885fb rgb(104,133,251)
```
#7c95fc
```
#7c95fc rgb(124,149,252)
```
#8fa4fc
```
#8fa4fc rgb(143,164,252)
```
#a2b4fd
```
#a2b4fd rgb(162,180,253)
```
#b5c3fd
```
#b5c3fd rgb(181,195,253)
```
#c8d3fe
```
#c8d3fe rgb(200,211,254)
```
#dbe2fe
```
#dbe2fe rgb(219,226,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 #2f57fa is the most saturated one.

#919398
```
#919398 rgb(145,147,152)
```
#898ea0
```
#898ea0 rgb(137,142,160)
```
#8189a8
```
#8189a8 rgb(129,137,168)
```
#7984b0
```
#7984b0 rgb(121,132,176)
```
#717fb8
```
#717fb8 rgb(113,127,184)
```
#687ac1
```
#687ac1 rgb(104,122,193)
```
#6075c9
```
#6075c9 rgb(96,117,201)
```
#5870d1
```
#5870d1 rgb(88,112,209)
```
#506bd9
```
#506bd9 rgb(80,107,217)
```
#4866e1
```
#4866e1 rgb(72,102,225)
```
#3f61ea
```
#3f61ea rgb(63,97,234)
```
#375cf2
```
#375cf2 rgb(55,92,242)
```
#2f57fa
```
#2f57fa rgb(47,87,250)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1165e3 Protanomaly 1% of men, 0.01% of women
#1169d1 Deuteranomaly 6% of men, 0.4% of women
#116fae Tritanomaly 0.01% of the population

#2f57fa hex color

#2f57fa Color Information

#2f57fa Color Conversion

Color Schemes with #2f57fa

Alternatives to #2f57fa

#2f57fa Preview

Shades and Tints of #2f57fa

Tones of #2f57fa

Color Blindness Simulator