#2502f2 hex color

In a RGB color space, hex #2502f2 is composed of 14.5% red, 0.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 99.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.8 degrees, a saturation of 98.4% and a lightness of 47.8%. #2502f2 color hex could be obtained by blending #4a04ff with #0000e5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 15
- G 1
- B 95
RGB color chart
- C 85
- M 99
- Y 0
- K 5
CMYK color chart

● #2502f2 color description : Vivid blue.

The hexadecimal color #2502f2 has RGB values of R:37, G:2, B:242 and CMYK values of C:0.85, M:0.99, Y:0, K:0.05. Its decimal value is 2425586.

Hex triplet	2502f2	`#2502f2`
RGB Decimal	37, 2, 242	`rgb(37,2,242)`
RGB Percent	14.5, 0.8, 94.9	`rgb(14.5%,0.8%,94.9%)`
CMYK	85, 99, 0, 5
HSL	248.8°, 98.4, 47.8	`hsl(248.8,98.4%,47.8%)`
HSV (or HSB)	248.8°, 99.2, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.455, 76.106, -101.928
XYZ	16.809, 6.846, 84.435
xyY	0.156, 0.063, 6.846
CIE-LCH	31.455, 127.206, 306.747
CIE-LUV	31.455, -7.154, -123.923
Hunter-Lab	26.166, 68.877, -173.01
Binary	00100101, 00000010, 11110010

#2502f2
```
#2502f2 rgb(37,2,242)
```
#cff202
```
#cff202 rgb(207,242,2)
```

Complementary Color

#0257f2
```
#0257f2 rgb(2,87,242)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#9d02f2
```
#9d02f2 rgb(157,2,242)
```

Analogous Color

#57f202
```
#57f202 rgb(87,242,2)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#f29d02
```
#f29d02 rgb(242,157,2)
```

Split Complementary Color

#02f225
```
#02f225 rgb(2,242,37)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#f22502
```
#f22502 rgb(242,37,2)
```

Triadic Color

#02cff2
```
#02cff2 rgb(2,207,242)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#f22502
```
#f22502 rgb(242,37,2)
```
#cff202
```
#cff202 rgb(207,242,2)
```

Tetradic Color

#1901a6
```
#1901a6 rgb(25,1,166)
```
#1d02bf
```
#1d02bf rgb(29,2,191)
```
#2102d9
```
#2102d9 rgb(33,2,217)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#3310fd
```
#3310fd rgb(51,16,253)
```
#492afd
```
#492afd rgb(73,42,253)
```
#5e43fd
```
#5e43fd rgb(94,67,253)
```

Monochromatic Color

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

#021bf2
```
#021bf2 rgb(2,27,242)
```
#0207f2
```
#0207f2 rgb(2,7,242)
```
#1102f2
```
#1102f2 rgb(17,2,242)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```
#3902f2
```
#3902f2 rgb(57,2,242)
```
#4d02f2
```
#4d02f2 rgb(77,2,242)
```
#6102f2
```
#6102f2 rgb(97,2,242)
```

Similar Colors

Text with hexadecimal color #2502f2

This text has a font color of #2502f2.

<span style="color:#2502f2;">Text here</span>

#2502f2 background color

This paragraph has a background color of #2502f2.

<p style="background-color:#2502f2;">Content here</p>

#2502f2 border color

This element has a border color of #2502f2.

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

CSS codes

.text {color:#2502f2;}

.background {background-color:#2502f2;}

.border {border:1px solid #2502f2;}

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

#010009
```
#010009 rgb(1,0,9)
```
#04001c
```
#04001c rgb(4,0,28)
```
#07002f
```
#07002f rgb(7,0,47)
```
#0a0143
```
#0a0143 rgb(10,1,67)
```
#0d0156
```
#0d0156 rgb(13,1,86)
```
#10016a
```
#10016a rgb(16,1,106)
```
#13017d
```
#13017d rgb(19,1,125)
```
#160191
```
#160191 rgb(22,1,145)
```
#1901a4
```
#1901a4 rgb(25,1,164)
```
#1c02b8
```
#1c02b8 rgb(28,2,184)
```
#1f02cb
```
#1f02cb rgb(31,2,203)
```
#2202df
```
#2202df rgb(34,2,223)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```

Shade Color Variation

#2e0bfd
```
#2e0bfd rgb(46,11,253)
```
#3f1efd
```
#3f1efd rgb(63,30,253)
```
#4f32fd
```
#4f32fd rgb(79,50,253)
```
#6045fd
```
#6045fd rgb(96,69,253)
```
#7158fe
```
#7158fe rgb(113,88,254)
```
#816cfe
```
#816cfe rgb(129,108,254)
```
#927ffe
```
#927ffe rgb(146,127,254)
```
#a293fe
```
#a293fe rgb(162,147,254)
```
#b3a6fe
```
#b3a6fe rgb(179,166,254)
```
#c4bafe
```
#c4bafe rgb(196,186,254)
```
#d4cdff
```
#d4cdff rgb(212,205,255)
```
#e5e1ff
```
#e5e1ff rgb(229,225,255)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757381 is the less saturated color, while #2502f2 is the most saturated one.

#757381
```
#757381 rgb(117,115,129)
```
#6e698b
```
#6e698b rgb(110,105,139)
```
#676094
```
#676094 rgb(103,96,148)
```
#61569e
```
#61569e rgb(97,86,158)
```
#5a4da7
```
#5a4da7 rgb(90,77,167)
```
#5444b0
```
#5444b0 rgb(84,68,176)
```
#4d3aba
```
#4d3aba rgb(77,58,186)
```
#4631c3
```
#4631c3 rgb(70,49,195)
```
#4028cc
```
#4028cc rgb(64,40,204)
```
#391ed6
```
#391ed6 rgb(57,30,214)
```
#3215df
```
#3215df rgb(50,21,223)
```
#2c0be9
```
#2c0be9 rgb(44,11,233)
```
#2502f2
```
#2502f2 rgb(37,2,242)
```

Tone Color Variation

Below, you can see how #2502f2 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

#282828 Achromatopsia 0.005% of the population
#272050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0d34bc Protanomaly 1% of men, 0.01% of women
#0d37ae Deuteranomaly 6% of men, 0.4% of women
#0d3b94 Tritanomaly 0.01% of the population

#2502f2 hex color

#2502f2 Color Information

#2502f2 Color Conversion

Color Schemes with #2502f2

Alternatives to #2502f2

#2502f2 Preview

Shades and Tints of #2502f2

Tones of #2502f2

Color Blindness Simulator