#2574ed hex color

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

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

● #2574ed color description : Bright blue.

The hexadecimal color #2574ed has RGB values of R:37, G:116, B:237 and CMYK values of C:0.84, M:0.51, Y:0, K:0.07. Its decimal value is 2454765.

Hex triplet	2574ed	`#2574ed`
RGB Decimal	37, 116, 237	`rgb(37,116,237)`
RGB Percent	14.5, 45.5, 92.9	`rgb(14.5%,45.5%,92.9%)`
CMYK	84, 51, 0, 7
HSL	216.3°, 84.7, 53.7	`hsl(216.3,84.7%,53.7%)`
HSV (or HSB)	216.3°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.683, 20.915, -67.44
XYZ	22.291, 18.997, 82.608
xyY	0.18, 0.153, 18.997
CIE-LCH	50.683, 70.608, 287.23
CIE-LUV	50.683, -24.512, -105.631
Hunter-Lab	43.585, 15.017, -81.864
Binary	00100101, 01110100, 11101101

#2574ed
```
#2574ed rgb(37,116,237)
```
#ed9e25
```
#ed9e25 rgb(237,158,37)
```

Complementary Color

#25d8ed
```
#25d8ed rgb(37,216,237)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#3a25ed
```
#3a25ed rgb(58,37,237)
```

Analogous Color

#d8ed25
```
#d8ed25 rgb(216,237,37)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#ed3a25
```
#ed3a25 rgb(237,58,37)
```

Split Complementary Color

#74ed25
```
#74ed25 rgb(116,237,37)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#ed2574
```
#ed2574 rgb(237,37,116)
```

Triadic Color

#25ed9e
```
#25ed9e rgb(37,237,158)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#ed2574
```
#ed2574 rgb(237,37,116)
```
#ed9e25
```
#ed9e25 rgb(237,158,37)
```

Tetradic Color

#0f51b6
```
#0f51b6 rgb(15,81,182)
```
#115cce
```
#115cce rgb(17,92,206)
```
#1366e6
```
#1366e6 rgb(19,102,230)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#3d83ef
```
#3d83ef rgb(61,131,239)
```
#5492f1
```
#5492f1 rgb(84,146,241)
```
#6ca1f3
```
#6ca1f3 rgb(108,161,243)
```

Monochromatic Color

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

#25a6ed
```
#25a6ed rgb(37,166,237)
```
#2595ed
```
#2595ed rgb(37,149,237)
```
#2585ed
```
#2585ed rgb(37,133,237)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#2563ed
```
#2563ed rgb(37,99,237)
```
#2553ed
```
#2553ed rgb(37,83,237)
```
#2542ed
```
#2542ed rgb(37,66,237)
```

Similar Colors

Text with hexadecimal color #2574ed

This text has a font color of #2574ed.

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

#2574ed background color

This paragraph has a background color of #2574ed.

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

#2574ed border color

This element has a border color of #2574ed.

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

CSS codes

.text {color:#2574ed;}

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

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

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

#010812
```
#010812 rgb(1,8,18)
```
#031024
```
#031024 rgb(3,16,36)
```
#041836
```
#041836 rgb(4,24,54)
```
#062048
```
#062048 rgb(6,32,72)
```
#07285a
```
#07285a rgb(7,40,90)
```
#09306c
```
#09306c rgb(9,48,108)
```
#0a387e
```
#0a387e rgb(10,56,126)
```
#0c4090
```
#0c4090 rgb(12,64,144)
```
#0d48a3
```
#0d48a3 rgb(13,72,163)
```
#0f50b5
```
#0f50b5 rgb(15,80,181)
```
#1058c7
```
#1058c7 rgb(16,88,199)
```
#1260d9
```
#1260d9 rgb(18,96,217)
```
#1369eb
```
#1369eb rgb(19,105,235)
```

Shade Color Variation

#2574ed
```
#2574ed rgb(37,116,237)
```
#3780ee
```
#3780ee rgb(55,128,238)
```
#498bf0
```
#498bf0 rgb(73,139,240)
```
#5b97f1
```
#5b97f1 rgb(91,151,241)
```
#6da2f3
```
#6da2f3 rgb(109,162,243)
```
#80aef4
```
#80aef4 rgb(128,174,244)
```
#92b9f6
```
#92b9f6 rgb(146,185,246)
```
#a4c5f7
```
#a4c5f7 rgb(164,197,247)
```
#b6d0f9
```
#b6d0f9 rgb(182,208,249)
```
#c8dcfa
```
#c8dcfa rgb(200,220,250)
```
#dae8fc
```
#dae8fc rgb(218,232,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 #1c72f6 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#808792
```
#808792 rgb(128,135,146)
```
#77859b
```
#77859b rgb(119,133,155)
```
#6e83a4
```
#6e83a4 rgb(110,131,164)
```
#6581ad
```
#6581ad rgb(101,129,173)
```
#5b7fb7
```
#5b7fb7 rgb(91,127,183)
```
#527ec0
```
#527ec0 rgb(82,126,192)
```
#497cc9
```
#497cc9 rgb(73,124,201)
```
#407ad2
```
#407ad2 rgb(64,122,210)
```
#3778db
```
#3778db rgb(55,120,219)
```
#2e76e4
```
#2e76e4 rgb(46,118,228)
```
#2574ed
```
#2574ed rgb(37,116,237)
```
#1c72f6
```
#1c72f6 rgb(28,114,246)
```

Tone Color Variation

Below, you can see how #2574ed 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
#5c6c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#267bee Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#2678ed Protanomaly 1% of men, 0.01% of women
#0d7ddd Deuteranomaly 6% of men, 0.4% of women
#0d83b4 Tritanomaly 0.01% of the population

#2574ed hex color

#2574ed Color Information

#2574ed Color Conversion

Color Schemes with #2574ed

Alternatives to #2574ed

#2574ed Preview

Shades and Tints of #2574ed

Tones of #2574ed

Color Blindness Simulator