#024ff1 hex color

In a RGB color space, hex #024ff1 is composed of 0.8% red, 31% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 67.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 220.7 degrees, a saturation of 98.4% and a lightness of 47.6%. #024ff1 color hex could be obtained by blending #049eff with #0000e3. Closest websafe color is: #0066ff.

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

● #024ff1 color description : Vivid blue.

The hexadecimal color #024ff1 has RGB values of R:2, G:79, B:241 and CMYK values of C:0.99, M:0.67, Y:0, K:0.05. Its decimal value is 151537.

Hex triplet	024ff1	`#024ff1`
RGB Decimal	2, 79, 241	`rgb(2,79,241)`
RGB Percent	0.8, 31, 94.5	`rgb(0.8%,31%,94.5%)`
CMYK	99, 67, 0, 5
HSL	220.7°, 98.4, 47.6	`hsl(220.7,98.4%,47.6%)`
HSV (or HSB)	220.7°, 99.2, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.143, 44.473, -85.297
XYZ	18.695, 11.954, 84.536
xyY	0.162, 0.104, 11.954
CIE-LCH	41.143, 96.195, 297.537
CIE-LUV	41.143, -17.253, -123.076
Hunter-Lab	34.575, 36.011, -120.763
Binary	00000010, 01001111, 11110001

#024ff1
```
#024ff1 rgb(2,79,241)
```
#f1a402
```
#f1a402 rgb(241,164,2)
```

Complementary Color

#02c7f1
```
#02c7f1 rgb(2,199,241)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#2d02f1
```
#2d02f1 rgb(45,2,241)
```

Analogous Color

#c7f102
```
#c7f102 rgb(199,241,2)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#f12c02
```
#f12c02 rgb(241,44,2)
```

Split Complementary Color

#4ff102
```
#4ff102 rgb(79,241,2)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#f1024f
```
#f1024f rgb(241,2,79)
```

Triadic Color

#02f1a4
```
#02f1a4 rgb(2,241,164)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#f1024f
```
#f1024f rgb(241,2,79)
```
#f1a402
```
#f1a402 rgb(241,164,2)
```

Tetradic Color

#0136a5
```
#0136a5 rgb(1,54,165)
```
#023ebe
```
#023ebe rgb(2,62,190)
```
#0247d8
```
#0247d8 rgb(2,71,216)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#0f5cfd
```
#0f5cfd rgb(15,92,253)
```
#296dfd
```
#296dfd rgb(41,109,253)
```
#427efd
```
#427efd rgb(66,126,253)
```

Monochromatic Color

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

#028bf1
```
#028bf1 rgb(2,139,241)
```
#0277f1
```
#0277f1 rgb(2,119,241)
```
#0263f1
```
#0263f1 rgb(2,99,241)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```
#023bf1
```
#023bf1 rgb(2,59,241)
```
#0227f1
```
#0227f1 rgb(2,39,241)
```
#0213f1
```
#0213f1 rgb(2,19,241)
```

Similar Colors

Text with hexadecimal color #024ff1

This text has a font color of #024ff1.

<span style="color:#024ff1;">Text here</span>

#024ff1 background color

This paragraph has a background color of #024ff1.

<p style="background-color:#024ff1;">Content here</p>

#024ff1 border color

This element has a border color of #024ff1.

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

CSS codes

.text {color:#024ff1;}

.background {background-color:#024ff1;}

.border {border:1px solid #024ff1;}

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

#000208
```
#000208 rgb(0,2,8)
```
#00091b
```
#00091b rgb(0,9,27)
```
#000f2e
```
#000f2e rgb(0,15,46)
```
#011642
```
#011642 rgb(1,22,66)
```
#011c55
```
#011c55 rgb(1,28,85)
```
#012269
```
#012269 rgb(1,34,105)
```
#01297c
```
#01297c rgb(1,41,124)
```
#012f90
```
#012f90 rgb(1,47,144)
```
#0135a3
```
#0135a3 rgb(1,53,163)
```
#023cb7
```
#023cb7 rgb(2,60,183)
```
#0242ca
```
#0242ca rgb(2,66,202)
```
#0249de
```
#0249de rgb(2,73,222)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```

Shade Color Variation

#0a58fd
```
#0a58fd rgb(10,88,253)
```
#1d65fd
```
#1d65fd rgb(29,101,253)
```
#3173fd
```
#3173fd rgb(49,115,253)
```
#4480fd
```
#4480fd rgb(68,128,253)
```
#578dfe
```
#578dfe rgb(87,141,254)
```
#6b9afe
```
#6b9afe rgb(107,154,254)
```
#7ea7fe
```
#7ea7fe rgb(126,167,254)
```
#92b5fe
```
#92b5fe rgb(146,181,254)
```
#a5c2fe
```
#a5c2fe rgb(165,194,254)
```
#b9cffe
```
#b9cffe rgb(185,207,254)
```
#ccdcff
```
#ccdcff rgb(204,220,255)
```
#e0eaff
```
#e0eaff rgb(224,234,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#727781
```
#727781 rgb(114,119,129)
```
#69748a
```
#69748a rgb(105,116,138)
```
#5f7094
```
#5f7094 rgb(95,112,148)
```
#566d9d
```
#566d9d rgb(86,109,157)
```
#4d6aa6
```
#4d6aa6 rgb(77,106,166)
```
#4366b0
```
#4366b0 rgb(67,102,176)
```
#3a63b9
```
#3a63b9 rgb(58,99,185)
```
#3160c2
```
#3160c2 rgb(49,96,194)
```
#275ccc
```
#275ccc rgb(39,92,204)
```
#1e59d5
```
#1e59d5 rgb(30,89,213)
```
#1556de
```
#1556de rgb(21,86,222)
```
#0b52e8
```
#0b52e8 rgb(11,82,232)
```
#024ff1
```
#024ff1 rgb(2,79,241)
```

Tone Color Variation

Below, you can see how #024ff1 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

#4a4a4a Achromatopsia 0.005% of the population
#3c4b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#005dd6 Protanomaly 1% of men, 0.01% of women
#0061c5 Deuteranomaly 6% of men, 0.4% of women
#0066a4 Tritanomaly 0.01% of the population

#024ff1 hex color

#024ff1 Color Information

#024ff1 Color Conversion

Color Schemes with #024ff1

Alternatives to #024ff1

#024ff1 Preview

Shades and Tints of #024ff1

Tones of #024ff1

Color Blindness Simulator