#2570fc hex color

In a RGB color space, hex #2570fc is composed of 14.5% red, 43.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 55.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.1 degrees, a saturation of 97.3% and a lightness of 56.7%. #2570fc color hex could be obtained by blending #4ae0ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 44
- B 99
RGB color chart
- C 85
- M 56
- Y 0
- K 1
CMYK color chart

● #2570fc color description : Vivid blue.

The hexadecimal color #2570fc has RGB values of R:37, G:112, B:252 and CMYK values of C:0.85, M:0.56, Y:0, K:0.01. Its decimal value is 2453756.

Hex triplet	2570fc	`#2570fc`
RGB Decimal	37, 112, 252	`rgb(37,112,252)`
RGB Percent	14.5, 43.9, 98.8	`rgb(14.5%,43.9%,98.8%)`
CMYK	85, 56, 0, 1
HSL	219.1°, 97.3, 56.7	`hsl(219.1,97.3%,56.7%)`
HSV (or HSB)	219.1°, 85.3, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.697, 29.088, -75.772
XYZ	24.124, 19.008, 94.488
xyY	0.175, 0.138, 19.008
CIE-LCH	50.697, 81.164, 291.001
CIE-LUV	50.697, -23.089, -118.438
Hunter-Lab	43.598, 22.472, -97.977
Binary	00100101, 01110000, 11111100

#2570fc
```
#2570fc rgb(37,112,252)
```
#fcb125
```
#fcb125 rgb(252,177,37)
```

Complementary Color

#25dcfc
```
#25dcfc rgb(37,220,252)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#4625fc
```
#4625fc rgb(70,37,252)
```

Analogous Color

#dcfc25
```
#dcfc25 rgb(220,252,37)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#fc4525
```
#fc4525 rgb(252,69,37)
```

Split Complementary Color

#70fc25
```
#70fc25 rgb(112,252,37)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#fc2570
```
#fc2570 rgb(252,37,112)
```

Triadic Color

#25fcb1
```
#25fcb1 rgb(37,252,177)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#fc2570
```
#fc2570 rgb(252,37,112)
```
#fcb125
```
#fcb125 rgb(252,177,37)
```

Tetradic Color

#034bd2
```
#034bd2 rgb(3,75,210)
```
#0354eb
```
#0354eb rgb(3,84,235)
```
#0c60fc
```
#0c60fc rgb(12,96,252)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#3e81fc
```
#3e81fc rgb(62,129,252)
```
#5791fd
```
#5791fd rgb(87,145,253)
```
#70a2fd
```
#70a2fd rgb(112,162,253)
```

Monochromatic Color

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

#25a6fc
```
#25a6fc rgb(37,166,252)
```
#2594fc
```
#2594fc rgb(37,148,252)
```
#2582fc
```
#2582fc rgb(37,130,252)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#255efc
```
#255efc rgb(37,94,252)
```
#254cfc
```
#254cfc rgb(37,76,252)
```
#253afc
```
#253afc rgb(37,58,252)
```

Similar Colors

Text with hexadecimal color #2570fc

This text has a font color of #2570fc.

<span style="color:#2570fc;">Text here</span>

#2570fc background color

This paragraph has a background color of #2570fc.

<p style="background-color:#2570fc;">Content here</p>

#2570fc border color

This element has a border color of #2570fc.

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

CSS codes

.text {color:#2570fc;}

.background {background-color:#2570fc;}

.border {border:1px solid #2570fc;}

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

#00050e
```
#00050e rgb(0,5,14)
```
#000c22
```
#000c22 rgb(0,12,34)
```
#011335
```
#011335 rgb(1,19,53)
```
#011a48
```
#011a48 rgb(1,26,72)
```
#01215c
```
#01215c rgb(1,33,92)
```
#02286f
```
#02286f rgb(2,40,111)
```
#022f82
```
#022f82 rgb(2,47,130)
```
#023696
```
#023696 rgb(2,54,150)
```
#023ca9
```
#023ca9 rgb(2,60,169)
```
#0343bc
```
#0343bc rgb(3,67,188)
```
#034ad0
```
#034ad0 rgb(3,74,208)
```
#0351e3
```
#0351e3 rgb(3,81,227)
```
#0358f6
```
#0358f6 rgb(3,88,246)
```

Shade Color Variation

#1263fc
```
#1263fc rgb(18,99,252)
```
#2570fc
```
#2570fc rgb(37,112,252)
```
#387dfc
```
#387dfc rgb(56,125,252)
```
#4c89fd
```
#4c89fd rgb(76,137,253)
```
#5f96fd
```
#5f96fd rgb(95,150,253)
```
#72a3fd
```
#72a3fd rgb(114,163,253)
```
#86affd
```
#86affd rgb(134,175,253)
```
#99bcfe
```
#99bcfe rgb(153,188,254)
```
#acc9fe
```
#acc9fe rgb(172,201,254)
```
#c0d6fe
```
#c0d6fe rgb(192,214,254)
```
#d3e2fe
```
#d3e2fe rgb(211,226,254)
```
#e6efff
```
#e6efff rgb(230,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#8b8f96
```
#8b8f96 rgb(139,143,150)
```
#838c9f
```
#838c9f rgb(131,140,159)
```
#7a8aa7
```
#7a8aa7 rgb(122,138,167)
```
#7287b0
```
#7287b0 rgb(114,135,176)
```
#6985b8
```
#6985b8 rgb(105,133,184)
```
#6182c1
```
#6182c1 rgb(97,130,193)
```
#587fc9
```
#587fc9 rgb(88,127,201)
```
#507dd2
```
#507dd2 rgb(80,125,210)
```
#477ada
```
#477ada rgb(71,122,218)
```
#3f78e3
```
#3f78e3 rgb(63,120,227)
```
#3675eb
```
#3675eb rgb(54,117,235)
```
#2e73f4
```
#2e73f4 rgb(46,115,244)
```
#2570fc
```
#2570fc rgb(37,112,252)
```

Tone Color Variation

Below, you can see how #2570fc 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

#6a6a6a Achromatopsia 0.005% of the population
#5c6b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0d77f5 Protanomaly 1% of men, 0.01% of women
#0d7be2 Deuteranomaly 6% of men, 0.4% of women
#0d82b9 Tritanomaly 0.01% of the population

#2570fc hex color

#2570fc Color Information

#2570fc Color Conversion

Color Schemes with #2570fc

Alternatives to #2570fc

#2570fc Preview

Shades and Tints of #2570fc

Tones of #2570fc

Color Blindness Simulator