#2570ed hex color

In a RGB color space, hex #2570ed is composed of 14.5% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 217.5 degrees, a saturation of 84.7% and a lightness of 53.7%. #2570ed color hex could be obtained by blending #4ae0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 44
- B 93
RGB color chart
- C 84
- M 53
- Y 0
- K 7
CMYK color chart

● #2570ed color description : Bright blue.

The hexadecimal color #2570ed has RGB values of R:37, G:112, B:237 and CMYK values of C:0.84, M:0.53, Y:0, K:0.07. Its decimal value is 2453741.

Hex triplet	2570ed	`#2570ed`
RGB Decimal	37, 112, 237	`rgb(37,112,237)`
RGB Percent	14.5, 43.9, 92.9	`rgb(14.5%,43.9%,92.9%)`
CMYK	84, 53, 0, 7
HSL	217.5°, 84.7, 53.7	`hsl(217.5,84.7%,53.7%)`
HSV (or HSB)	217.5°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.61, 23.445, -69.179
XYZ	21.84, 18.094, 82.458
xyY	0.178, 0.148, 18.094
CIE-LCH	49.61, 73.044, 288.722
CIE-LUV	49.61, -23.379, -107.778
Hunter-Lab	42.537, 17.206, -85.156
Binary	00100101, 01110000, 11101101

#2570ed
```
#2570ed rgb(37,112,237)
```
#eda225
```
#eda225 rgb(237,162,37)
```

Complementary Color

#25d4ed
```
#25d4ed rgb(37,212,237)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#3e25ed
```
#3e25ed rgb(62,37,237)
```

Analogous Color

#d4ed25
```
#d4ed25 rgb(212,237,37)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#ed3e25
```
#ed3e25 rgb(237,62,37)
```

Split Complementary Color

#70ed25
```
#70ed25 rgb(112,237,37)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#ed2570
```
#ed2570 rgb(237,37,112)
```

Triadic Color

#25eda2
```
#25eda2 rgb(37,237,162)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#ed2570
```
#ed2570 rgb(237,37,112)
```
#eda225
```
#eda225 rgb(237,162,37)
```

Tetradic Color

#0f4eb6
```
#0f4eb6 rgb(15,78,182)
```
#1158ce
```
#1158ce rgb(17,88,206)
```
#1362e6
```
#1362e6 rgb(19,98,230)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#3d7fef
```
#3d7fef rgb(61,127,239)
```
#548ff1
```
#548ff1 rgb(84,143,241)
```
#6c9ef3
```
#6c9ef3 rgb(108,158,243)
```

Monochromatic Color

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

#25a2ed
```
#25a2ed rgb(37,162,237)
```
#2591ed
```
#2591ed rgb(37,145,237)
```
#2581ed
```
#2581ed rgb(37,129,237)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#255fed
```
#255fed rgb(37,95,237)
```
#254fed
```
#254fed rgb(37,79,237)
```
#253eed
```
#253eed rgb(37,62,237)
```

Similar Colors

Text with hexadecimal color #2570ed

This text has a font color of #2570ed.

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

#2570ed background color

This paragraph has a background color of #2570ed.

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

#2570ed border color

This element has a border color of #2570ed.

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

CSS codes

.text {color:#2570ed;}

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

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

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, #010712 is the darkest color, while #feffff is the lightest one.

#010712
```
#010712 rgb(1,7,18)
```
#030f24
```
#030f24 rgb(3,15,36)
```
#041736
```
#041736 rgb(4,23,54)
```
#061f48
```
#061f48 rgb(6,31,72)
```
#07265a
```
#07265a rgb(7,38,90)
```
#092e6c
```
#092e6c rgb(9,46,108)
```
#0a367e
```
#0a367e rgb(10,54,126)
```
#0c3e90
```
#0c3e90 rgb(12,62,144)
```
#0d45a3
```
#0d45a3 rgb(13,69,163)
```
#0f4db5
```
#0f4db5 rgb(15,77,181)
```
#1055c7
```
#1055c7 rgb(16,85,199)
```
#125dd9
```
#125dd9 rgb(18,93,217)
```
#1364eb
```
#1364eb rgb(19,100,235)
```

Shade Color Variation

#2570ed
```
#2570ed rgb(37,112,237)
```
#377cee
```
#377cee rgb(55,124,238)
```
#4988f0
```
#4988f0 rgb(73,136,240)
```
#5b94f1
```
#5b94f1 rgb(91,148,241)
```
#6da0f3
```
#6da0f3 rgb(109,160,243)
```
#80abf4
```
#80abf4 rgb(128,171,244)
```
#92b7f6
```
#92b7f6 rgb(146,183,246)
```
#a4c3f7
```
#a4c3f7 rgb(164,195,247)
```
#b6cff9
```
#b6cff9 rgb(182,207,249)
```
#c8dbfa
```
#c8dbfa rgb(200,219,250)
```
#dae7fc
```
#dae7fc rgb(218,231,252)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#808792
```
#808792 rgb(128,135,146)
```
#77849b
```
#77849b rgb(119,132,155)
```
#6e82a4
```
#6e82a4 rgb(110,130,164)
```
#6580ad
```
#6580ad rgb(101,128,173)
```
#5b7eb7
```
#5b7eb7 rgb(91,126,183)
```
#527bc0
```
#527bc0 rgb(82,123,192)
```
#4979c9
```
#4979c9 rgb(73,121,201)
```
#4077d2
```
#4077d2 rgb(64,119,210)
```
#3775db
```
#3775db rgb(55,117,219)
```
#2e72e4
```
#2e72e4 rgb(46,114,228)
```
#2570ed
```
#2570ed rgb(37,112,237)
```
#1c6ef6
```
#1c6ef6 rgb(28,110,246)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5b6a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#0d75ed Protanomaly 1% of men, 0.01% of women
#0d7ada Deuteranomaly 6% of men, 0.4% of women
#0d80b2 Tritanomaly 0.01% of the population

#2570ed hex color

#2570ed Color Information

#2570ed Color Conversion

Color Schemes with #2570ed

Alternatives to #2570ed

#2570ed Preview

Shades and Tints of #2570ed

Tones of #2570ed

Color Blindness Simulator