colorhexa.com

#2024f5 hex color

In a RGB color space, hex #2024f5 is composed of 12.5% red, 14.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 85.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 238.9 degrees, a saturation of 91.4% and a lightness of 54.3%. #2024f5 color hex could be obtained by blending #4048ff with #0000eb. Closest websafe color is: #3333ff.

- R 13
- G 14
- B 96
RGB color chart
- C 87
- M 85
- Y 0
- K 4
CMYK color chart

● #2024f5 color description : Vivid blue.

The hexadecimal color #2024f5 has RGB values of R:32, G:36, B:245 and CMYK values of C:0.87, M:0.85, Y:0, K:0.04. Its decimal value is 2106613.

Hex triplet	2024f5	`#2024f5`
RGB Decimal	32, 36, 245	`rgb(32,36,245)`
RGB Percent	12.5, 14.1, 96.1	`rgb(12.5%,14.1%,96.1%)`
CMYK	87, 85, 0, 4
HSL	238.9°, 91.4, 54.3	`hsl(238.9,91.4%,54.3%)`
HSV (or HSB)	238.9°, 86.9, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.314, 68.682, -98.856
XYZ	17.705, 8.16, 87.023
xyY	0.157, 0.072, 8.16
CIE-LCH	34.314, 120.373, 304.79
CIE-LUV	34.314, -9.507, -127.255
Hunter-Lab	28.566, 60.641, -160.625
Binary	00100000, 00100100, 11110101

#2024f5
```
#2024f5 rgb(32,36,245)
```
#f5f120
```
#f5f120 rgb(245,241,32)
```

Complementary Color

#208ff5
```
#208ff5 rgb(32,143,245)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#8720f5
```
#8720f5 rgb(135,32,245)
```

Analogous Color

#8ff520
```
#8ff520 rgb(143,245,32)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#f58720
```
#f58720 rgb(245,135,32)
```

Split Complementary Color

#24f520
```
#24f520 rgb(36,245,32)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#f52024
```
#f52024 rgb(245,32,36)
```

Triadic Color

#20f5f1
```
#20f5f1 rgb(32,245,241)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#f52024
```
#f52024 rgb(245,32,36)
```
#f5f120
```
#f5f120 rgb(245,241,32)
```

Tetradic Color

#090cc0
```
#090cc0 rgb(9,12,192)
```
#0a0ed8
```
#0a0ed8 rgb(10,14,216)
```
#0b0ff1
```
#0b0ff1 rgb(11,15,241)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#383cf6
```
#383cf6 rgb(56,60,246)
```
#5154f7
```
#5154f7 rgb(81,84,247)
```
#696cf8
```
#696cf8 rgb(105,108,248)
```

Monochromatic Color

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

#2059f5
```
#2059f5 rgb(32,89,245)
```
#2047f5
```
#2047f5 rgb(32,71,245)
```
#2036f5
```
#2036f5 rgb(32,54,245)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#2e20f5
```
#2e20f5 rgb(46,32,245)
```
#4020f5
```
#4020f5 rgb(64,32,245)
```
#5120f5
```
#5120f5 rgb(81,32,245)
```

Similar Colors

Text with hexadecimal color #2024f5

This text has a font color of #2024f5.

<span style="color:#2024f5;">Text here</span>

#2024f5 background color

This paragraph has a background color of #2024f5.

<p style="background-color:#2024f5;">Content here</p>

#2024f5 border color

This element has a border color of #2024f5.

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

CSS codes

.text {color:#2024f5;}

.background {background-color:#2024f5;}

.border {border:1px solid #2024f5;}

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

#000002
```
#000002 rgb(0,0,2)
```
#010115
```
#010115 rgb(1,1,21)
```
#020328
```
#020328 rgb(2,3,40)
```
#03043b
```
#03043b rgb(3,4,59)
```
#03054d
```
#03054d rgb(3,5,77)
```
#040660
```
#040660 rgb(4,6,96)
```
#050773
```
#050773 rgb(5,7,115)
```
#060886
```
#060886 rgb(6,8,134)
```
#070a98
```
#070a98 rgb(7,10,152)
```
#080bab
```
#080bab rgb(8,11,171)
```
#090cbe
```
#090cbe rgb(9,12,190)
```
#090dd1
```
#090dd1 rgb(9,13,209)
```
#0a0ee4
```
#0a0ee4 rgb(10,14,228)
```

Shade Color Variation

#0d12f4
```
#0d12f4 rgb(13,18,244)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#3336f6
```
#3336f6 rgb(51,54,246)
```
#4649f7
```
#4649f7 rgb(70,73,247)
```
#585bf8
```
#585bf8 rgb(88,91,248)
```
#6b6ef8
```
#6b6ef8 rgb(107,110,248)
```
#7e80f9
```
#7e80f9 rgb(126,128,249)
```
#9193fa
```
#9193fa rgb(145,147,250)
```
#a3a5fb
```
#a3a5fb rgb(163,165,251)
```
#b6b7fc
```
#b6b7fc rgb(182,183,252)
```
#c9cafd
```
#c9cafd rgb(201,202,253)
```
#dcdcfd
```
#dcdcfd rgb(220,220,253)
```
#efeffe
```
#efeffe rgb(239,239,254)
```

Tint Color Variation

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

#838392
```
#838392 rgb(131,131,146)
```
#7a7a9b
```
#7a7a9b rgb(122,122,155)
```
#7172a4
```
#7172a4 rgb(113,114,164)
```
#6869ad
```
#6869ad rgb(104,105,173)
```
#5f60b6
```
#5f60b6 rgb(95,96,182)
```
#5658bf
```
#5658bf rgb(86,88,191)
```
#4d4fc8
```
#4d4fc8 rgb(77,79,200)
```
#4446d1
```
#4446d1 rgb(68,70,209)
```
#3b3eda
```
#3b3eda rgb(59,62,218)
```
#3235e3
```
#3235e3 rgb(50,53,227)
```
#292dec
```
#292dec rgb(41,45,236)
```
#2024f5
```
#2024f5 rgb(32,36,245)
```
#171bfe
```
#171bfe rgb(23,27,254)
```

Tone Color Variation

Below, you can see how #2024f5 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

#3b3b3b Achromatopsia 0.005% of the population
#363660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0b44c4 Protanomaly 1% of men, 0.01% of women
#0b47b5 Deuteranomaly 6% of men, 0.4% of women
#0b4b9a Tritanomaly 0.01% of the population