#2545bb hex color

In a RGB color space, hex #2545bb is composed of 14.5% red, 27.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 63.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 227.2 degrees, a saturation of 67% and a lightness of 43.9%. #2545bb color hex could be obtained by blending #4a8aff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 27
- B 73
RGB color chart
- C 80
- M 63
- Y 0
- K 27
CMYK color chart

● #2545bb color description : Strong blue.

The hexadecimal color #2545bb has RGB values of R:37, G:69, B:187 and CMYK values of C:0.8, M:0.63, Y:0, K:0.27. Its decimal value is 2442683.

Hex triplet	2545bb	`#2545bb`
RGB Decimal	37, 69, 187	`rgb(37,69,187)`
RGB Percent	14.5, 27.1, 73.3	`rgb(14.5%,27.1%,73.3%)`
CMYK	80, 63, 0, 27
HSL	227.2°, 67, 43.9	`hsl(227.2,67%,43.9%)`
HSV (or HSB)	227.2°, 80.2, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.471, 32.299, -65.171
XYZ	11.859, 8.237, 47.976
xyY	0.174, 0.121, 8.237
CIE-LCH	34.471, 72.735, 296.363
CIE-LUV	34.471, -12.558, -90.95
Hunter-Lab	28.699, 23.534, -79.023
Binary	00100101, 01000101, 10111011

#2545bb
```
#2545bb rgb(37,69,187)
```
#bb9b25
```
#bb9b25 rgb(187,155,37)
```

Complementary Color

#2590bb
```
#2590bb rgb(37,144,187)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#5025bb
```
#5025bb rgb(80,37,187)
```

Analogous Color

#90bb25
```
#90bb25 rgb(144,187,37)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#bb5025
```
#bb5025 rgb(187,80,37)
```

Split Complementary Color

#45bb25
```
#45bb25 rgb(69,187,37)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#bb2545
```
#bb2545 rgb(187,37,69)
```

Triadic Color

#25bb9b
```
#25bb9b rgb(37,187,155)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#bb2545
```
#bb2545 rgb(187,37,69)
```
#bb9b25
```
#bb9b25 rgb(187,155,37)
```

Tetradic Color

#182d7b
```
#182d7b rgb(24,45,123)
```
#1d3590
```
#1d3590 rgb(29,53,144)
```
#213da6
```
#213da6 rgb(33,61,166)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#294dd0
```
#294dd0 rgb(41,77,208)
```
#3b5cd8
```
#3b5cd8 rgb(59,92,216)
```
#506edc
```
#506edc rgb(80,110,220)
```

Monochromatic Color

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

#256bbb
```
#256bbb rgb(37,107,187)
```
#255ebb
```
#255ebb rgb(37,94,187)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#2539bb
```
#2539bb rgb(37,57,187)
```
#252cbb
```
#252cbb rgb(37,44,187)
```
#2b25bb
```
#2b25bb rgb(43,37,187)
```

Similar Colors

Text with hexadecimal color #2545bb

This text has a font color of #2545bb.

<span style="color:#2545bb;">Text here</span>

#2545bb background color

This paragraph has a background color of #2545bb.

<p style="background-color:#2545bb;">Content here</p>

#2545bb border color

This element has a border color of #2545bb.

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

CSS codes

.text {color:#2545bb;}

.background {background-color:#2545bb;}

.border {border:1px solid #2545bb;}

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

#010307
```
#010307 rgb(1,3,7)
```
#050917
```
#050917 rgb(5,9,23)
```
#080f28
```
#080f28 rgb(8,15,40)
```
#0b1538
```
#0b1538 rgb(11,21,56)
```
#0e1b48
```
#0e1b48 rgb(14,27,72)
```
#122159
```
#122159 rgb(18,33,89)
```
#152769
```
#152769 rgb(21,39,105)
```
#182d79
```
#182d79 rgb(24,45,121)
```
#1b338a
```
#1b338a rgb(27,51,138)
```
#1f399a
```
#1f399a rgb(31,57,154)
```
#223fab
```
#223fab rgb(34,63,171)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#284bcb
```
#284bcb rgb(40,75,203)
```

Shade Color Variation

#3154d6
```
#3154d6 rgb(49,84,214)
```
#4162d9
```
#4162d9 rgb(65,98,217)
```
#526fdd
```
#526fdd rgb(82,111,221)
```
#627de0
```
#627de0 rgb(98,125,224)
```
#728be3
```
#728be3 rgb(114,139,227)
```
#8398e6
```
#8398e6 rgb(131,152,230)
```
#93a6ea
```
#93a6ea rgb(147,166,234)
```
#a4b3ed
```
#a4b3ed rgb(164,179,237)
```
#b4c1f0
```
#b4c1f0 rgb(180,193,240)
```
#c4cef3
```
#c4cef3 rgb(196,206,243)
```
#d5dcf7
```
#d5dcf7 rgb(213,220,247)
```
#e5eafa
```
#e5eafa rgb(229,234,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#6a6d76
```
#6a6d76 rgb(106,109,118)
```
#61687f
```
#61687f rgb(97,104,127)
```
#596387
```
#596387 rgb(89,99,135)
```
#505e90
```
#505e90 rgb(80,94,144)
```
#475999
```
#475999 rgb(71,89,153)
```
#3f54a1
```
#3f54a1 rgb(63,84,161)
```
#364faa
```
#364faa rgb(54,79,170)
```
#2e4ab2
```
#2e4ab2 rgb(46,74,178)
```
#2545bb
```
#2545bb rgb(37,69,187)
```
#1c40c4
```
#1c40c4 rgb(28,64,196)
```
#143bcc
```
#143bcc rgb(20,59,204)
```
#0b36d5
```
#0b36d5 rgb(11,54,213)
```
#0331dd
```
#0331dd rgb(3,49,221)
```

Tone Color Variation

Below, you can see how #2545bb 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

#494949 Achromatopsia 0.005% of the population
#424860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0d50b0 Protanomaly 1% of men, 0.01% of women
#0d53a2 Deuteranomaly 6% of men, 0.4% of women
#0d5886 Tritanomaly 0.01% of the population

#2545bb hex color

#2545bb Color Information

#2545bb Color Conversion

Color Schemes with #2545bb

Alternatives to #2545bb

#2545bb Preview

Shades and Tints of #2545bb

Tones of #2545bb

Color Blindness Simulator