#2548fd hex color

In a RGB color space, hex #2548fd is composed of 14.5% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.3 degrees, a saturation of 98.2% and a lightness of 56.9%. #2548fd color hex could be obtained by blending #4a90ff with #0000fb. Closest websafe color is: #3333ff.

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

● #2548fd color description : Vivid blue.

The hexadecimal color #2548fd has RGB values of R:37, G:72, B:253 and CMYK values of C:0.85, M:0.72, Y:0, K:0.01. Its decimal value is 2443517.

Hex triplet	2548fd	`#2548fd`
RGB Decimal	37, 72, 253	`rgb(37,72,253)`
RGB Percent	14.5, 28.2, 99.2	`rgb(14.5%,28.2%,99.2%)`
CMYK	85, 72, 0, 1
HSL	230.3°, 98.2, 56.9	`hsl(230.3,98.2%,56.9%)`
HSV (or HSB)	230.3°, 85.4, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.404, 53.91, -91.578
XYZ	20.806, 12.118, 94.166
xyY	0.164, 0.095, 12.118
CIE-LCH	41.404, 106.267, 300.485
CIE-LUV	41.404, -14.139, -131.061
Hunter-Lab	34.811, 45.767, -136.013
Binary	00100101, 01001000, 11111101

#2548fd
```
#2548fd rgb(37,72,253)
```
#fdda25
```
#fdda25 rgb(253,218,37)
```

Complementary Color

#25b4fd
```
#25b4fd rgb(37,180,253)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#6e25fd
```
#6e25fd rgb(110,37,253)
```

Analogous Color

#b4fd25
```
#b4fd25 rgb(180,253,37)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#fd6e25
```
#fd6e25 rgb(253,110,37)
```

Split Complementary Color

#48fd25
```
#48fd25 rgb(72,253,37)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#fd2548
```
#fd2548 rgb(253,37,72)
```

Triadic Color

#25fdda
```
#25fdda rgb(37,253,218)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#fd2548
```
#fd2548 rgb(253,37,72)
```
#fdda25
```
#fdda25 rgb(253,218,37)
```

Tetradic Color

#0224d4
```
#0224d4 rgb(2,36,212)
```
#0228ed
```
#0228ed rgb(2,40,237)
```
#0c33fd
```
#0c33fd rgb(12,51,253)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#3e5dfd
```
#3e5dfd rgb(62,93,253)
```
#5872fd
```
#5872fd rgb(88,114,253)
```
#7188fe
```
#7188fe rgb(113,136,254)
```

Monochromatic Color

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

#257efd
```
#257efd rgb(37,126,253)
```
#256cfd
```
#256cfd rgb(37,108,253)
```
#255afd
```
#255afd rgb(37,90,253)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#2536fd
```
#2536fd rgb(37,54,253)
```
#2625fd
```
#2625fd rgb(38,37,253)
```
#3825fd
```
#3825fd rgb(56,37,253)
```

Similar Colors

Text with hexadecimal color #2548fd

This text has a font color of #2548fd.

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

#2548fd background color

This paragraph has a background color of #2548fd.

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

#2548fd border color

This element has a border color of #2548fd.

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

CSS codes

.text {color:#2548fd;}

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

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

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, #00030f is the darkest color, while #fbfbff is the lightest one.

#00030f
```
#00030f rgb(0,3,15)
```
#000623
```
#000623 rgb(0,6,35)
```
#000936
```
#000936 rgb(0,9,54)
```
#010c4a
```
#010c4a rgb(1,12,74)
```
#01105d
```
#01105d rgb(1,16,93)
```
#011370
```
#011370 rgb(1,19,112)
```
#011684
```
#011684 rgb(1,22,132)
```
#011a97
```
#011a97 rgb(1,26,151)
```
#021dab
```
#021dab rgb(2,29,171)
```
#0220be
```
#0220be rgb(2,32,190)
```
#0224d2
```
#0224d2 rgb(2,36,210)
```
#0227e5
```
#0227e5 rgb(2,39,229)
```
#022af8
```
#022af8 rgb(2,42,248)
```

Shade Color Variation

#1238fd
```
#1238fd rgb(18,56,253)
```
#2548fd
```
#2548fd rgb(37,72,253)
```
#3858fd
```
#3858fd rgb(56,88,253)
```
#4c69fd
```
#4c69fd rgb(76,105,253)
```
#5f79fe
```
#5f79fe rgb(95,121,254)
```
#7389fe
```
#7389fe rgb(115,137,254)
```
#869afe
```
#869afe rgb(134,154,254)
```
#9aaafe
```
#9aaafe rgb(154,170,254)
```
#adbafe
```
#adbafe rgb(173,186,254)
```
#c0cbfe
```
#c0cbfe rgb(192,203,254)
```
#d4dbff
```
#d4dbff rgb(212,219,255)
```
#e7ebff
```
#e7ebff rgb(231,235,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#8b8d97
```
#8b8d97 rgb(139,141,151)
```
#8287a0
```
#8287a0 rgb(130,135,160)
```
#7a81a8
```
#7a81a8 rgb(122,129,168)
```
#717bb1
```
#717bb1 rgb(113,123,177)
```
#6976b9
```
#6976b9 rgb(105,118,185)
```
#6070c2
```
#6070c2 rgb(96,112,194)
```
#586aca
```
#586aca rgb(88,106,202)
```
#4f65d3
```
#4f65d3 rgb(79,101,211)
```
#475fdb
```
#475fdb rgb(71,95,219)
```
#3e59e4
```
#3e59e4 rgb(62,89,228)
```
#3653ec
```
#3653ec rgb(54,83,236)
```
#2d4ef5
```
#2d4ef5 rgb(45,78,245)
```
#2548fd
```
#2548fd rgb(37,72,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#495074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0d5bdb Protanomaly 1% of men, 0.01% of women
#0d5fca Deuteranomaly 6% of men, 0.4% of women
#0d64a9 Tritanomaly 0.01% of the population

#2548fd hex color

#2548fd Color Information

#2548fd Color Conversion

Color Schemes with #2548fd

Alternatives to #2548fd

#2548fd Preview

Shades and Tints of #2548fd

Tones of #2548fd

Color Blindness Simulator