#2524bc hex color

In a RGB color space, hex #2524bc is composed of 14.5% red, 14.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 80.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 240.4 degrees, a saturation of 67.9% and a lightness of 43.9%. #2524bc color hex could be obtained by blending #4a48ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 14
- B 74
RGB color chart
- C 80
- M 81
- Y 0
- K 26
CMYK color chart

● #2524bc color description : Strong blue.

The hexadecimal color #2524bc has RGB values of R:37, G:36, B:188 and CMYK values of C:0.8, M:0.81, Y:0, K:0.26. Its decimal value is 2434236.

Hex triplet	2524bc	`#2524bc`
RGB Decimal	37, 36, 188	`rgb(37,36,188)`
RGB Percent	14.5, 14.1, 73.7	`rgb(14.5%,14.1%,73.7%)`
CMYK	80, 81, 0, 26
HSL	240.4°, 67.9, 43.9	`hsl(240.4,67.9%,43.9%)`
HSV (or HSB)	240.4°, 80.9, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.532, 52.038, -77.204
XYZ	10.469, 5.285, 48.043
xyY	0.164, 0.083, 5.285
CIE-LCH	27.532, 93.104, 303.981
CIE-LUV	27.532, -6.723, -94.831
Hunter-Lab	22.99, 41.055, -107.809
Binary	00100101, 00100100, 10111100

#2524bc
```
#2524bc rgb(37,36,188)
```
#bbbc24
```
#bbbc24 rgb(187,188,36)
```

Complementary Color

#246fbc
```
#246fbc rgb(36,111,188)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#7124bc
```
#7124bc rgb(113,36,188)
```

Analogous Color

#6fbc24
```
#6fbc24 rgb(111,188,36)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#bc7124
```
#bc7124 rgb(188,113,36)
```

Split Complementary Color

#24bc25
```
#24bc25 rgb(36,188,37)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#bc2524
```
#bc2524 rgb(188,37,36)
```

Triadic Color

#24bbbc
```
#24bbbc rgb(36,187,188)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#bc2524
```
#bc2524 rgb(188,37,36)
```
#bbbc24
```
#bbbc24 rgb(187,188,36)
```

Tetradic Color

#18187c
```
#18187c rgb(24,24,124)
```
#1d1c91
```
#1d1c91 rgb(29,28,145)
```
#2120a7
```
#2120a7 rgb(33,32,167)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#2928d1
```
#2928d1 rgb(41,40,209)
```
#3b3ad9
```
#3b3ad9 rgb(59,58,217)
```
#504fdd
```
#504fdd rgb(80,79,221)
```

Monochromatic Color

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

#2449bc
```
#2449bc rgb(36,73,188)
```
#243cbc
```
#243cbc rgb(36,60,188)
```
#2430bc
```
#2430bc rgb(36,48,188)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#3224bc
```
#3224bc rgb(50,36,188)
```
#3e24bc
```
#3e24bc rgb(62,36,188)
```
#4b24bc
```
#4b24bc rgb(75,36,188)
```

Similar Colors

Text with hexadecimal color #2524bc

This text has a font color of #2524bc.

<span style="color:#2524bc;">Text here</span>

#2524bc background color

This paragraph has a background color of #2524bc.

<p style="background-color:#2524bc;">Content here</p>

#2524bc border color

This element has a border color of #2524bc.

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

CSS codes

.text {color:#2524bc;}

.background {background-color:#2524bc;}

.border {border:1px solid #2524bc;}

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)
```
#050417
```
#050417 rgb(5,4,23)
```
#080828
```
#080828 rgb(8,8,40)
```
#0b0b38
```
#0b0b38 rgb(11,11,56)
```
#0e0e49
```
#0e0e49 rgb(14,14,73)
```
#121159
```
#121159 rgb(18,17,89)
```
#15146a
```
#15146a rgb(21,20,106)
```
#18177a
```
#18177a rgb(24,23,122)
```
#1b1b8b
```
#1b1b8b rgb(27,27,139)
```
#1f1e9b
```
#1f1e9b rgb(31,30,155)
```
#2221ac
```
#2221ac rgb(34,33,172)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#2827cc
```
#2827cc rgb(40,39,204)
```

Shade Color Variation

#3130d7
```
#3130d7 rgb(49,48,215)
```
#4140da
```
#4140da rgb(65,64,218)
```
#5251de
```
#5251de rgb(82,81,222)
```
#6261e1
```
#6261e1 rgb(98,97,225)
```
#7272e4
```
#7272e4 rgb(114,114,228)
```
#8382e7
```
#8382e7 rgb(131,130,231)
```
#9393ea
```
#9393ea rgb(147,147,234)
```
#a4a3ed
```
#a4a3ed rgb(164,163,237)
```
#b4b4f1
```
#b4b4f1 rgb(180,180,241)
```
#c4c4f4
```
#c4c4f4 rgb(196,196,244)
```
#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, #696977 is the less saturated color, while #0302de is the most saturated one.

#696977
```
#696977 rgb(105,105,119)
```
#616080
```
#616080 rgb(97,96,128)
```
#585888
```
#585888 rgb(88,88,136)
```
#504f91
```
#504f91 rgb(80,79,145)
```
#47469a
```
#47469a rgb(71,70,154)
```
#3f3ea2
```
#3f3ea2 rgb(63,62,162)
```
#3635ab
```
#3635ab rgb(54,53,171)
```
#2e2db3
```
#2e2db3 rgb(46,45,179)
```
#2524bc
```
#2524bc rgb(37,36,188)
```
#1c1bc5
```
#1c1bc5 rgb(28,27,197)
```
#1413cd
```
#1413cd rgb(20,19,205)
```
#0b0ad6
```
#0b0ad6 rgb(11,10,214)
```
#0302de
```
#0302de rgb(3,2,222)
```

Tone Color Variation

Below, you can see how #2524bc 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
#333251 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
#0d3e92 Deuteranomaly 6% of men, 0.4% of women
#0d417b Tritanomaly 0.01% of the population

#2524bc hex color

#2524bc Color Information

#2524bc Color Conversion

Color Schemes with #2524bc

Alternatives to #2524bc

#2524bc Preview

Shades and Tints of #2524bc

Tones of #2524bc

Color Blindness Simulator