#2548bf hex color

In a RGB color space, hex #2548bf is composed of 14.5% red, 28.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 62.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 226.4 degrees, a saturation of 67.5% and a lightness of 44.7%. #2548bf color hex could be obtained by blending #4a90ff with #00007f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 28
- B 75
RGB color chart
- C 81
- M 62
- Y 0
- K 25
CMYK color chart

● #2548bf color description : Strong blue.

The hexadecimal color #2548bf has RGB values of R:37, G:72, B:191 and CMYK values of C:0.81, M:0.62, Y:0, K:0.25. Its decimal value is 2443455.

Hex triplet	2548bf	`#2548bf`
RGB Decimal	37, 72, 191	`rgb(37,72,191)`
RGB Percent	14.5, 28.2, 74.9	`rgb(14.5%,28.2%,74.9%)`
CMYK	81, 62, 0, 25
HSL	226.4°, 67.5, 44.7	`hsl(226.4,67.5%,44.7%)`
HSV (or HSB)	226.4°, 80.6, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.574, 31.846, -65.714
XYZ	12.482, 8.789, 50.326
xyY	0.174, 0.123, 8.789
CIE-LCH	35.574, 73.024, 295.856
CIE-LUV	35.574, -13.298, -92.71
Hunter-Lab	29.646, 23.277, -79.897
Binary	00100101, 01001000, 10111111

#2548bf
```
#2548bf rgb(37,72,191)
```
#bf9c25
```
#bf9c25 rgb(191,156,37)
```

Complementary Color

#2595bf
```
#2595bf rgb(37,149,191)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#4f25bf
```
#4f25bf rgb(79,37,191)
```

Analogous Color

#95bf25
```
#95bf25 rgb(149,191,37)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#bf4f25
```
#bf4f25 rgb(191,79,37)
```

Split Complementary Color

#48bf25
```
#48bf25 rgb(72,191,37)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#bf2548
```
#bf2548 rgb(191,37,72)
```

Triadic Color

#25bf9c
```
#25bf9c rgb(37,191,156)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#bf2548
```
#bf2548 rgb(191,37,72)
```
#bf9c25
```
#bf9c25 rgb(191,156,37)
```

Tetradic Color

#19307f
```
#19307f rgb(25,48,127)
```
#1d3894
```
#1d3894 rgb(29,56,148)
```
#2140aa
```
#2140aa rgb(33,64,170)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#2950d4
```
#2950d4 rgb(41,80,212)
```
#3d61da
```
#3d61da rgb(61,97,218)
```
#5372de
```
#5372de rgb(83,114,222)
```

Monochromatic Color

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

#256fbf
```
#256fbf rgb(37,111,191)
```
#2562bf
```
#2562bf rgb(37,98,191)
```
#2555bf
```
#2555bf rgb(37,85,191)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#253bbf
```
#253bbf rgb(37,59,191)
```
#252ebf
```
#252ebf rgb(37,46,191)
```
#2925bf
```
#2925bf rgb(41,37,191)
```

Similar Colors

Text with hexadecimal color #2548bf

This text has a font color of #2548bf.

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

#2548bf background color

This paragraph has a background color of #2548bf.

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

#2548bf border color

This element has a border color of #2548bf.

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

CSS codes

.text {color:#2548bf;}

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

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

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, #02040a is the darkest color, while #f9fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#050a1b
```
#050a1b rgb(5,10,27)
```
#08102b
```
#08102b rgb(8,16,43)
```
#0c163c
```
#0c163c rgb(12,22,60)
```
#0f1d4c
```
#0f1d4c rgb(15,29,76)
```
#12235c
```
#12235c rgb(18,35,92)
```
#15296d
```
#15296d rgb(21,41,109)
```
#182f7d
```
#182f7d rgb(24,47,125)
```
#1b358e
```
#1b358e rgb(27,53,142)
```
#1f3c9e
```
#1f3c9e rgb(31,60,158)
```
#2242af
```
#2242af rgb(34,66,175)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#284ecf
```
#284ecf rgb(40,78,207)
```

Shade Color Variation

#3459d8
```
#3459d8 rgb(52,89,216)
```
#4466db
```
#4466db rgb(68,102,219)
```
#5474de
```
#5474de rgb(84,116,222)
```
#6581e1
```
#6581e1 rgb(101,129,225)
```
#758fe4
```
#758fe4 rgb(117,143,228)
```
#869ce8
```
#869ce8 rgb(134,156,232)
```
#96a9eb
```
#96a9eb rgb(150,169,235)
```
#a7b7ee
```
#a7b7ee rgb(167,183,238)
```
#b7c4f1
```
#b7c4f1 rgb(183,196,241)
```
#c8d2f4
```
#c8d2f4 rgb(200,210,244)
```
#d8dff7
```
#d8dff7 rgb(216,223,247)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e79 is the less saturated color, while #0235e2 is the most saturated one.

#6b6e79
```
#6b6e79 rgb(107,110,121)
```
#626982
```
#626982 rgb(98,105,130)
```
#5a658a
```
#5a658a rgb(90,101,138)
```
#516093
```
#516093 rgb(81,96,147)
```
#485b9c
```
#485b9c rgb(72,91,156)
```
#3f56a5
```
#3f56a5 rgb(63,86,165)
```
#3752ad
```
#3752ad rgb(55,82,173)
```
#2e4db6
```
#2e4db6 rgb(46,77,182)
```
#2548bf
```
#2548bf rgb(37,72,191)
```
#1c43c8
```
#1c43c8 rgb(28,67,200)
```
#133ed1
```
#133ed1 rgb(19,62,209)
```
#0b3ad9
```
#0b3ad9 rgb(11,58,217)
```
#0235e2
```
#0235e2 rgb(2,53,226)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#434a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#0d53b5 Protanomaly 1% of men, 0.01% of women
#0d56a6 Deuteranomaly 6% of men, 0.4% of women
#0d5a89 Tritanomaly 0.01% of the population

#2548bf hex color

#2548bf Color Information

#2548bf Color Conversion

Color Schemes with #2548bf

Alternatives to #2548bf

#2548bf Preview

Shades and Tints of #2548bf

Tones of #2548bf

Color Blindness Simulator