#2525bb hex color

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

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

● #2525bb color description : Strong blue.

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

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

CIE-LAB	27.583, 51.233, -76.528
XYZ	10.392, 5.304, 47.487
xyY	0.164, 0.084, 5.304
CIE-LCH	27.583, 92.094, 303.801
CIE-LUV	27.583, -6.804, -94.289
Hunter-Lab	23.03, 40.248, -106.135
Binary	00100101, 00100101, 10111011

#2525bb
```
#2525bb rgb(37,37,187)
```
#bbbb25
```
#bbbb25 rgb(187,187,37)
```

Complementary Color

#2570bb
```
#2570bb rgb(37,112,187)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#7025bb
```
#7025bb rgb(112,37,187)
```

Analogous Color

#70bb25
```
#70bb25 rgb(112,187,37)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#bb7025
```
#bb7025 rgb(187,112,37)
```

Split Complementary Color

#25bb25
```
#25bb25 rgb(37,187,37)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#bb2525
```
#bb2525 rgb(187,37,37)
```

Triadic Color

#25bbbb
```
#25bbbb rgb(37,187,187)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#bb2525
```
#bb2525 rgb(187,37,37)
```
#bbbb25
```
#bbbb25 rgb(187,187,37)
```

Tetradic Color

#18187b
```
#18187b rgb(24,24,123)
```
#1d1d90
```
#1d1d90 rgb(29,29,144)
```
#2121a6
```
#2121a6 rgb(33,33,166)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#2929d0
```
#2929d0 rgb(41,41,208)
```
#3b3bd8
```
#3b3bd8 rgb(59,59,216)
```
#5050dc
```
#5050dc rgb(80,80,220)
```

Monochromatic Color

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

#254bbb
```
#254bbb rgb(37,75,187)
```
#253ebb
```
#253ebb rgb(37,62,187)
```
#2531bb
```
#2531bb rgb(37,49,187)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#3225bb
```
#3225bb rgb(50,37,187)
```
#3e25bb
```
#3e25bb rgb(62,37,187)
```
#4b25bb
```
#4b25bb rgb(75,37,187)
```

Similar Colors

Text with hexadecimal color #2525bb

This text has a font color of #2525bb.

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

#2525bb background color

This paragraph has a background color of #2525bb.

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

#2525bb border color

This element has a border color of #2525bb.

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

CSS codes

.text {color:#2525bb;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#050517
```
#050517 rgb(5,5,23)
```
#080828
```
#080828 rgb(8,8,40)
```
#0b0b38
```
#0b0b38 rgb(11,11,56)
```
#0e0e48
```
#0e0e48 rgb(14,14,72)
```
#121259
```
#121259 rgb(18,18,89)
```
#151569
```
#151569 rgb(21,21,105)
```
#181879
```
#181879 rgb(24,24,121)
```
#1b1b8a
```
#1b1b8a rgb(27,27,138)
```
#1f1f9a
```
#1f1f9a rgb(31,31,154)
```
#2222ab
```
#2222ab rgb(34,34,171)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#2828cb
```
#2828cb rgb(40,40,203)
```

Shade Color Variation

#3131d6
```
#3131d6 rgb(49,49,214)
```
#4141d9
```
#4141d9 rgb(65,65,217)
```
#5252dd
```
#5252dd rgb(82,82,221)
```
#6262e0
```
#6262e0 rgb(98,98,224)
```
#7272e3
```
#7272e3 rgb(114,114,227)
```
#8383e6
```
#8383e6 rgb(131,131,230)
```
#9393ea
```
#9393ea rgb(147,147,234)
```
#a4a4ed
```
#a4a4ed rgb(164,164,237)
```
#b4b4f0
```
#b4b4f0 rgb(180,180,240)
```
#c4c4f3
```
#c4c4f3 rgb(196,196,243)
```
#d5d5f7
```
#d5d5f7 rgb(213,213,247)
```
#e5e5fa
```
#e5e5fa rgb(229,229,250)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#6a6a76
```
#6a6a76 rgb(106,106,118)
```
#61617f
```
#61617f rgb(97,97,127)
```
#595987
```
#595987 rgb(89,89,135)
```
#505090
```
#505090 rgb(80,80,144)
```
#474799
```
#474799 rgb(71,71,153)
```
#3f3fa1
```
#3f3fa1 rgb(63,63,161)
```
#3636aa
```
#3636aa rgb(54,54,170)
```
#2e2eb2
```
#2e2eb2 rgb(46,46,178)
```
#2525bb
```
#2525bb rgb(37,37,187)
```
#1c1cc4
```
#1c1cc4 rgb(28,28,196)
```
#1414cc
```
#1414cc rgb(20,20,204)
```
#0b0bd5
```
#0b0bd5 rgb(11,11,213)
```
#0303dd
```
#0303dd rgb(3,3,221)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#333351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#0d3b9e Protanomaly 1% of men, 0.01% of women
#0d3e91 Deuteranomaly 6% of men, 0.4% of women
#0d417a Tritanomaly 0.01% of the population

#2525bb hex color

#2525bb Color Information

#2525bb Color Conversion

Color Schemes with #2525bb

Alternatives to #2525bb

#2525bb Preview

Shades and Tints of #2525bb

Tones of #2525bb

Color Blindness Simulator