#2574fa hex color

In a RGB color space, hex #2574fa is composed of 14.5% red, 45.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 53.6% magenta, 0% yellow and 2% black. It has a hue angle of 217.7 degrees, a saturation of 95.5% and a lightness of 56.3%. #2574fa color hex could be obtained by blending #4ae8ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 45
- B 98
RGB color chart
- C 85
- M 54
- Y 0
- K 2
CMYK color chart

● #2574fa color description : Vivid blue.

The hexadecimal color #2574fa has RGB values of R:37, G:116, B:250 and CMYK values of C:0.85, M:0.54, Y:0, K:0.02. Its decimal value is 2454778.

Hex triplet	2574fa	`#2574fa`
RGB Decimal	37, 116, 250	`rgb(37,116,250)`
RGB Percent	14.5, 45.5, 98	`rgb(14.5%,45.5%,98%)`
CMYK	85, 54, 0, 2
HSL	217.7°, 95.5, 56.3	`hsl(217.7,95.5%,56.3%)`
HSV (or HSB)	217.7°, 85.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.592, 25.82, -73.206
XYZ	24.26, 19.784, 92.977
xyY	0.177, 0.144, 19.784
CIE-LCH	51.592, 77.626, 289.428
CIE-LUV	51.592, -24.209, -115.059
Hunter-Lab	44.479, 19.518, -92.801
Binary	00100101, 01110100, 11111010

#2574fa
```
#2574fa rgb(37,116,250)
```
#faab25
```
#faab25 rgb(250,171,37)
```

Complementary Color

#25dffa
```
#25dffa rgb(37,223,250)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#4025fa
```
#4025fa rgb(64,37,250)
```

Analogous Color

#dffa25
```
#dffa25 rgb(223,250,37)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#fa4125
```
#fa4125 rgb(250,65,37)
```

Split Complementary Color

#74fa25
```
#74fa25 rgb(116,250,37)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#fa2574
```
#fa2574 rgb(250,37,116)
```

Triadic Color

#25faab
```
#25faab rgb(37,250,171)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#fa2574
```
#fa2574 rgb(250,37,116)
```
#faab25
```
#faab25 rgb(250,171,37)
```

Tetradic Color

#054fce
```
#054fce rgb(5,79,206)
```
#0559e7
```
#0559e7 rgb(5,89,231)
```
#0c64f9
```
#0c64f9 rgb(12,100,249)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#3e84fb
```
#3e84fb rgb(62,132,251)
```
#5794fb
```
#5794fb rgb(87,148,251)
```
#70a4fc
```
#70a4fc rgb(112,164,252)
```

Monochromatic Color

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

#25a9fa
```
#25a9fa rgb(37,169,250)
```
#2598fa
```
#2598fa rgb(37,152,250)
```
#2586fa
```
#2586fa rgb(37,134,250)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#2562fa
```
#2562fa rgb(37,98,250)
```
#2550fa
```
#2550fa rgb(37,80,250)
```
#253ffa
```
#253ffa rgb(37,63,250)
```

Similar Colors

Text with hexadecimal color #2574fa

This text has a font color of #2574fa.

<span style="color:#2574fa;">Text here</span>

#2574fa background color

This paragraph has a background color of #2574fa.

<p style="background-color:#2574fa;">Content here</p>

#2574fa border color

This element has a border color of #2574fa.

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

CSS codes

.text {color:#2574fa;}

.background {background-color:#2574fa;}

.border {border:1px solid #2574fa;}

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, #00050c is the darkest color, while #f8faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#010c1f
```
#010c1f rgb(1,12,31)
```
#011332
```
#011332 rgb(1,19,50)
```
#021b46
```
#021b46 rgb(2,27,70)
```
#022259
```
#022259 rgb(2,34,89)
```
#022a6c
```
#022a6c rgb(2,42,108)
```
#03317f
```
#03317f rgb(3,49,127)
```
#033892
```
#033892 rgb(3,56,146)
```
#0440a6
```
#0440a6 rgb(4,64,166)
```
#0447b9
```
#0447b9 rgb(4,71,185)
```
#054fcc
```
#054fcc rgb(5,79,204)
```
#0556df
```
#0556df rgb(5,86,223)
```
#065df2
```
#065df2 rgb(6,93,242)
```

Shade Color Variation

#1268fa
```
#1268fa rgb(18,104,250)
```
#2574fa
```
#2574fa rgb(37,116,250)
```
#3880fa
```
#3880fa rgb(56,128,250)
```
#4b8cfb
```
#4b8cfb rgb(75,140,251)
```
#5f99fb
```
#5f99fb rgb(95,153,251)
```
#72a5fc
```
#72a5fc rgb(114,165,252)
```
#85b1fc
```
#85b1fc rgb(133,177,252)
```
#98bdfd
```
#98bdfd rgb(152,189,253)
```
#abcafd
```
#abcafd rgb(171,202,253)
```
#bed6fe
```
#bed6fe rgb(190,214,254)
```
#d2e2fe
```
#d2e2fe rgb(210,226,254)
```
#e5eefe
```
#e5eefe rgb(229,238,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f93 is the less saturated color, while #2574fa is the most saturated one.

#8c8f93
```
#8c8f93 rgb(140,143,147)
```
#838c9c
```
#838c9c rgb(131,140,156)
```
#7b8aa4
```
#7b8aa4 rgb(123,138,164)
```
#7288ad
```
#7288ad rgb(114,136,173)
```
#6a86b5
```
#6a86b5 rgb(106,134,181)
```
#6184be
```
#6184be rgb(97,132,190)
```
#5881c7
```
#5881c7 rgb(88,129,199)
```
#507fcf
```
#507fcf rgb(80,127,207)
```
#477dd8
```
#477dd8 rgb(71,125,216)
```
#3f7be0
```
#3f7be0 rgb(63,123,224)
```
#3678e9
```
#3678e9 rgb(54,120,233)
```
#2e76f1
```
#2e76f1 rgb(46,118,241)
```
#2574fa
```
#2574fa rgb(37,116,250)
```

Tone Color Variation

Below, you can see how #2574fa 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

#6c6c6c Achromatopsia 0.005% of the population
#5e6e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#0d7af7 Protanomaly 1% of men, 0.01% of women
#0d7ee4 Deuteranomaly 6% of men, 0.4% of women
#0d84ba Tritanomaly 0.01% of the population

#2574fa hex color

#2574fa Color Information

#2574fa Color Conversion

Color Schemes with #2574fa

Alternatives to #2574fa

#2574fa Preview

Shades and Tints of #2574fa

Tones of #2574fa

Color Blindness Simulator