#2548ed hex color

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

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

● #2548ed color description : Bright blue.

The hexadecimal color #2548ed has RGB values of R:37, G:72, B:237 and CMYK values of C:0.84, M:0.7, Y:0, K:0.07. Its decimal value is 2443501.

Hex triplet	2548ed	`#2548ed`
RGB Decimal	37, 72, 237	`rgb(37,72,237)`
RGB Percent	14.5, 28.2, 92.9	`rgb(14.5%,28.2%,92.9%)`
CMYK	84, 70, 0, 7
HSL	229.5°, 84.7, 53.7	`hsl(229.5,84.7%,53.7%)`
HSV (or HSB)	229.5°, 84.4, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.817, 48.46, -85.206
XYZ	18.363, 11.141, 81.299
xyY	0.166, 0.101, 11.141
CIE-LCH	39.817, 98.022, 299.628
CIE-LUV	39.817, -13.857, -121.544
Hunter-Lab	33.378, 39.791, -121.047
Binary	00100101, 01001000, 11101101

#2548ed
```
#2548ed rgb(37,72,237)
```
#edca25
```
#edca25 rgb(237,202,37)
```

Complementary Color

#25aced
```
#25aced rgb(37,172,237)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#6625ed
```
#6625ed rgb(102,37,237)
```

Analogous Color

#aced25
```
#aced25 rgb(172,237,37)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#ed6625
```
#ed6625 rgb(237,102,37)
```

Split Complementary Color

#48ed25
```
#48ed25 rgb(72,237,37)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#ed2548
```
#ed2548 rgb(237,37,72)
```

Triadic Color

#25edca
```
#25edca rgb(37,237,202)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#ed2548
```
#ed2548 rgb(237,37,72)
```
#edca25
```
#edca25 rgb(237,202,37)
```

Tetradic Color

#0f2cb6
```
#0f2cb6 rgb(15,44,182)
```
#1132ce
```
#1132ce rgb(17,50,206)
```
#1338e6
```
#1338e6 rgb(19,56,230)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#3d5cef
```
#3d5cef rgb(61,92,239)
```
#5470f1
```
#5470f1 rgb(84,112,241)
```
#6c83f3
```
#6c83f3 rgb(108,131,243)
```

Monochromatic Color

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

#257aed
```
#257aed rgb(37,122,237)
```
#2569ed
```
#2569ed rgb(37,105,237)
```
#2559ed
```
#2559ed rgb(37,89,237)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#2537ed
```
#2537ed rgb(37,55,237)
```
#2527ed
```
#2527ed rgb(37,39,237)
```
#3425ed
```
#3425ed rgb(52,37,237)
```

Similar Colors

Text with hexadecimal color #2548ed

This text has a font color of #2548ed.

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

#2548ed background color

This paragraph has a background color of #2548ed.

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

#2548ed border color

This element has a border color of #2548ed.

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

CSS codes

.text {color:#2548ed;}

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

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

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

#010412
```
#010412 rgb(1,4,18)
```
#030924
```
#030924 rgb(3,9,36)
```
#040d36
```
#040d36 rgb(4,13,54)
```
#061148
```
#061148 rgb(6,17,72)
```
#07165a
```
#07165a rgb(7,22,90)
```
#091a6c
```
#091a6c rgb(9,26,108)
```
#0a1f7e
```
#0a1f7e rgb(10,31,126)
```
#0c2390
```
#0c2390 rgb(12,35,144)
```
#0d28a3
```
#0d28a3 rgb(13,40,163)
```
#0f2cb5
```
#0f2cb5 rgb(15,44,181)
```
#1030c7
```
#1030c7 rgb(16,48,199)
```
#1235d9
```
#1235d9 rgb(18,53,217)
```
#1339eb
```
#1339eb rgb(19,57,235)
```

Shade Color Variation

#2548ed
```
#2548ed rgb(37,72,237)
```
#3757ee
```
#3757ee rgb(55,87,238)
```
#4966f0
```
#4966f0 rgb(73,102,240)
```
#5b76f1
```
#5b76f1 rgb(91,118,241)
```
#6d85f3
```
#6d85f3 rgb(109,133,243)
```
#8094f4
```
#8094f4 rgb(128,148,244)
```
#92a3f6
```
#92a3f6 rgb(146,163,246)
```
#a4b2f7
```
#a4b2f7 rgb(164,178,247)
```
#b6c2f9
```
#b6c2f9 rgb(182,194,249)
```
#c8d1fa
```
#c8d1fa rgb(200,209,250)
```
#dae0fc
```
#dae0fc rgb(218,224,252)
```
#eceffd
```
#eceffd rgb(236,239,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 #1c42f6 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#808392
```
#808392 rgb(128,131,146)
```
#777d9b
```
#777d9b rgb(119,125,155)
```
#6e77a4
```
#6e77a4 rgb(110,119,164)
```
#6571ad
```
#6571ad rgb(101,113,173)
```
#5b6bb7
```
#5b6bb7 rgb(91,107,183)
```
#5266c0
```
#5266c0 rgb(82,102,192)
```
#4960c9
```
#4960c9 rgb(73,96,201)
```
#405ad2
```
#405ad2 rgb(64,90,210)
```
#3754db
```
#3754db rgb(55,84,219)
```
#2e4ee4
```
#2e4ee4 rgb(46,78,228)
```
#2548ed
```
#2548ed rgb(37,72,237)
```
#1c42f6
```
#1c42f6 rgb(28,66,246)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#474e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0d59d1 Protanomaly 1% of men, 0.01% of women
#0d5dc0 Deuteranomaly 6% of men, 0.4% of women
#0d61a1 Tritanomaly 0.01% of the population

#2548ed hex color

#2548ed Color Information

#2548ed Color Conversion

Color Schemes with #2548ed

Alternatives to #2548ed

#2548ed Preview

Shades and Tints of #2548ed

Tones of #2548ed

Color Blindness Simulator