#2504f0 hex color

In a RGB color space, hex #2504f0 is composed of 14.5% red, 1.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 98.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 248.4 degrees, a saturation of 96.7% and a lightness of 47.8%. #2504f0 color hex could be obtained by blending #4a08ff with #0000e1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 15
- G 2
- B 94
RGB color chart
- C 85
- M 98
- Y 0
- K 6
CMYK color chart

● #2504f0 color description : Vivid blue.

The hexadecimal color #2504f0 has RGB values of R:37, G:4, B:240 and CMYK values of C:0.85, M:0.98, Y:0, K:0.06. Its decimal value is 2426096.

Hex triplet	2504f0	`#2504f0`
RGB Decimal	37, 4, 240	`rgb(37,4,240)`
RGB Percent	14.5, 1.6, 94.1	`rgb(14.5%,1.6%,94.1%)`
CMYK	85, 98, 0, 6
HSL	248.4°, 96.7, 47.8	`hsl(248.4,96.7%,47.8%)`
HSV (or HSB)	248.4°, 98.3, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.278, 75.316, -101.089
XYZ	16.531, 6.77, 82.869
xyY	0.156, 0.064, 6.77
CIE-LCH	31.278, 126.061, 306.688
CIE-LUV	31.278, -7.119, -122.866
Hunter-Lab	26.02, 67.874, -170.616
Binary	00100101, 00000100, 11110000

#2504f0
```
#2504f0 rgb(37,4,240)
```
#cff004
```
#cff004 rgb(207,240,4)
```

Complementary Color

#0459f0
```
#0459f0 rgb(4,89,240)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#9b04f0
```
#9b04f0 rgb(155,4,240)
```

Analogous Color

#59f004
```
#59f004 rgb(89,240,4)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#f09b04
```
#f09b04 rgb(240,155,4)
```

Split Complementary Color

#04f025
```
#04f025 rgb(4,240,37)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#f02504
```
#f02504 rgb(240,37,4)
```

Triadic Color

#04cff0
```
#04cff0 rgb(4,207,240)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#f02504
```
#f02504 rgb(240,37,4)
```
#cff004
```
#cff004 rgb(207,240,4)
```

Tetradic Color

#1903a5
```
#1903a5 rgb(25,3,165)
```
#1d03be
```
#1d03be rgb(29,3,190)
```
#2104d7
```
#2104d7 rgb(33,4,215)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#3312fb
```
#3312fb rgb(51,18,251)
```
#492cfb
```
#492cfb rgb(73,44,251)
```
#5e45fc
```
#5e45fc rgb(94,69,252)
```

Monochromatic Color

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

#041ef0
```
#041ef0 rgb(4,30,240)
```
#040af0
```
#040af0 rgb(4,10,240)
```
#1104f0
```
#1104f0 rgb(17,4,240)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```
#3904f0
```
#3904f0 rgb(57,4,240)
```
#4c04f0
```
#4c04f0 rgb(76,4,240)
```
#6004f0
```
#6004f0 rgb(96,4,240)
```

Similar Colors

Text with hexadecimal color #2504f0

This text has a font color of #2504f0.

<span style="color:#2504f0;">Text here</span>

#2504f0 background color

This paragraph has a background color of #2504f0.

<p style="background-color:#2504f0;">Content here</p>

#2504f0 border color

This element has a border color of #2504f0.

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

CSS codes

.text {color:#2504f0;}

.background {background-color:#2504f0;}

.border {border:1px solid #2504f0;}

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

#010008
```
#010008 rgb(1,0,8)
```
#04001c
```
#04001c rgb(4,0,28)
```
#07012f
```
#07012f rgb(7,1,47)
```
#0a0142
```
#0a0142 rgb(10,1,66)
```
#0d0156
```
#0d0156 rgb(13,1,86)
```
#100269
```
#100269 rgb(16,2,105)
```
#13027c
```
#13027c rgb(19,2,124)
```
#160290
```
#160290 rgb(22,2,144)
```
#1903a3
```
#1903a3 rgb(25,3,163)
```
#1c03b6
```
#1c03b6 rgb(28,3,182)
```
#1f03c9
```
#1f03c9 rgb(31,3,201)
```
#2204dd
```
#2204dd rgb(34,4,221)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```

Shade Color Variation

#2e0dfb
```
#2e0dfb rgb(46,13,251)
```
#3f20fb
```
#3f20fb rgb(63,32,251)
```
#4f33fc
```
#4f33fc rgb(79,51,252)
```
#6047fc
```
#6047fc rgb(96,71,252)
```
#715afc
```
#715afc rgb(113,90,252)
```
#816dfd
```
#816dfd rgb(129,109,253)
```
#9280fd
```
#9280fd rgb(146,128,253)
```
#a294fd
```
#a294fd rgb(162,148,253)
```
#b3a7fe
```
#b3a7fe rgb(179,167,254)
```
#c4bafe
```
#c4bafe rgb(196,186,254)
```
#d4cefe
```
#d4cefe rgb(212,206,254)
```
#e5e1fe
```
#e5e1fe rgb(229,225,254)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76757f is the less saturated color, while #2504f0 is the most saturated one.

#76757f
```
#76757f rgb(118,117,127)
```
#6f6b89
```
#6f6b89 rgb(111,107,137)
```
#696292
```
#696292 rgb(105,98,146)
```
#62589c
```
#62589c rgb(98,88,156)
```
#5b4fa5
```
#5b4fa5 rgb(91,79,165)
```
#5446ae
```
#5446ae rgb(84,70,174)
```
#4e3cb8
```
#4e3cb8 rgb(78,60,184)
```
#4733c1
```
#4733c1 rgb(71,51,193)
```
#402aca
```
#402aca rgb(64,42,202)
```
#3920d4
```
#3920d4 rgb(57,32,212)
```
#3317dd
```
#3317dd rgb(51,23,221)
```
#2c0de7
```
#2c0de7 rgb(44,13,231)
```
#2504f0
```
#2504f0 rgb(37,4,240)
```

Tone Color Variation

Below, you can see how #2504f0 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

#292929 Achromatopsia 0.005% of the population
#282251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0d34ba Protanomaly 1% of men, 0.01% of women
#0d37ad Deuteranomaly 6% of men, 0.4% of women
#0d3b93 Tritanomaly 0.01% of the population

#2504f0 hex color

#2504f0 Color Information

#2504f0 Color Conversion

Color Schemes with #2504f0

Alternatives to #2504f0

#2504f0 Preview

Shades and Tints of #2504f0

Tones of #2504f0

Color Blindness Simulator