colorhexa.com

#2548ff hex color

In a RGB color space, hex #2548ff is composed of 14.5% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 230.4 degrees, a saturation of 100% and a lightness of 57.3%. #2548ff color hex could be obtained by blending #4a90ff with #0000ff. Closest websafe color is: #3333ff.

- R 15
- G 28
- B 100
RGB color chart
- C 85
- M 72
- Y 0
- K 0
CMYK color chart

● #2548ff color description : Vivid blue.

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

Hex triplet	2548ff	`#2548ff`
RGB Decimal	37, 72, 255	`rgb(37,72,255)`
RGB Percent	14.5, 28.2, 100	`rgb(14.5%,28.2%,100%)`
CMYK	85, 72, 0, 0
HSL	230.4°, 100, 57.3	`hsl(230.4,100%,57.3%)`
HSV (or HSB)	230.4°, 85.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.605, 54.58, -92.361
XYZ	21.127, 12.246, 95.853
xyY	0.163, 0.095, 12.246
CIE-LCH	41.605, 107.283, 300.58
CIE-LUV	41.605, -14.177, -132.236
Hunter-Lab	34.995, 46.52, -137.901
Binary	00100101, 01001000, 11111111

#2548ff
```
#2548ff rgb(37,72,255)
```
#ffdc25
```
#ffdc25 rgb(255,220,37)
```

Complementary Color

#25b5ff
```
#25b5ff rgb(37,181,255)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#6f25ff
```
#6f25ff rgb(111,37,255)
```

Analogous Color

#b5ff25
```
#b5ff25 rgb(181,255,37)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#ff6f25
```
#ff6f25 rgb(255,111,37)
```

Split Complementary Color

#48ff25
```
#48ff25 rgb(72,255,37)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#ff2548
```
#ff2548 rgb(255,37,72)
```

Triadic Color

#25ffdc
```
#25ffdc rgb(37,255,220)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#ff2548
```
#ff2548 rgb(255,37,72)
```
#ffdc25
```
#ffdc25 rgb(255,220,37)
```

Tetradic Color

#0023d8
```
#0023d8 rgb(0,35,216)
```
#0027f1
```
#0027f1 rgb(0,39,241)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#3f5dff
```
#3f5dff rgb(63,93,255)
```
#5873ff
```
#5873ff rgb(88,115,255)
```
#7288ff
```
#7288ff rgb(114,136,255)
```

Monochromatic Color

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

#257fff
```
#257fff rgb(37,127,255)
```
#256cff
```
#256cff rgb(37,108,255)
```
#255aff
```
#255aff rgb(37,90,255)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#2536ff
```
#2536ff rgb(37,54,255)
```
#2625ff
```
#2625ff rgb(38,37,255)
```
#3825ff
```
#3825ff rgb(56,37,255)
```

Similar Colors

Text with hexadecimal color #2548ff

This text has a font color of #2548ff.

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

#2548ff background color

This paragraph has a background color of #2548ff.

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

#2548ff border color

This element has a border color of #2548ff.

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

CSS codes

.text {color:#2548ff;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000625
```
#000625 rgb(0,6,37)
```
#000939
```
#000939 rgb(0,9,57)
```
#000c4c
```
#000c4c rgb(0,12,76)
```
#000f60
```
#000f60 rgb(0,15,96)
```
#001373
```
#001373 rgb(0,19,115)
```
#001687
```
#001687 rgb(0,22,135)
```
#00199b
```
#00199b rgb(0,25,155)
```
#001cae
```
#001cae rgb(0,28,174)
```
#001fc2
```
#001fc2 rgb(0,31,194)
```
#0022d6
```
#0022d6 rgb(0,34,214)
```
#0025e9
```
#0025e9 rgb(0,37,233)
```
#0029fd
```
#0029fd rgb(0,41,253)
```

Shade Color Variation

#1138ff
```
#1138ff rgb(17,56,255)
```
#2548ff
```
#2548ff rgb(37,72,255)
```
#3958ff
```
#3958ff rgb(57,88,255)
```
#4c69ff
```
#4c69ff rgb(76,105,255)
```
#6079ff
```
#6079ff rgb(96,121,255)
```
#738aff
```
#738aff rgb(115,138,255)
```
#879aff
```
#879aff rgb(135,154,255)
```
#9babff
```
#9babff rgb(155,171,255)
```
#aebbff
```
#aebbff rgb(174,187,255)
```
#c2ccff
```
#c2ccff rgb(194,204,255)
```
#d6dcff
```
#d6dcff rgb(214,220,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8a8c9a
```
#8a8c9a rgb(138,140,154)
```
#8187a3
```
#8187a3 rgb(129,135,163)
```
#7981ab
```
#7981ab rgb(121,129,171)
```
#707bb4
```
#707bb4 rgb(112,123,180)
```
#6876bc
```
#6876bc rgb(104,118,188)
```
#6070c4
```
#6070c4 rgb(96,112,196)
```
#576acd
```
#576acd rgb(87,106,205)
```
#4f64d5
```
#4f64d5 rgb(79,100,213)
```
#475fdd
```
#475fdd rgb(71,95,221)
```
#3e59e6
```
#3e59e6 rgb(62,89,230)
```
#3653ee
```
#3653ee rgb(54,83,238)
```
#2d4ef7
```
#2d4ef7 rgb(45,78,247)
```
#2548ff
```
#2548ff rgb(37,72,255)
```

Tone Color Variation

Below, you can see how #2548ff 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
#495075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0d5bdc Protanomaly 1% of men, 0.01% of women
#0d5fcb Deuteranomaly 6% of men, 0.4% of women
#0d64aa Tritanomaly 0.01% of the population