#024ae0 hex color

In a RGB color space, hex #024ae0 is composed of 0.8% red, 29% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 67% magenta, 0% yellow and 12.2% black. It has a hue angle of 220.5 degrees, a saturation of 98.2% and a lightness of 44.3%. #024ae0 color hex could be obtained by blending #0494ff with #0000c1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 29
- B 88
RGB color chart
- C 99
- M 67
- Y 0
- K 12
CMYK color chart

● #024ae0 color description : Vivid blue.

The hexadecimal color #024ae0 has RGB values of R:2, G:74, B:224 and CMYK values of C:0.99, M:0.67, Y:0, K:0.12. Its decimal value is 150240.

Hex triplet	024ae0	`#024ae0`
RGB Decimal	2, 74, 224	`rgb(2,74,224)`
RGB Percent	0.8, 29, 87.8	`rgb(0.8%,29%,87.8%)`
CMYK	99, 67, 0, 12
HSL	220.5°, 98.2, 44.3	`hsl(220.5,98.2%,44.3%)`
HSV (or HSB)	220.5°, 99.1, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.36, 41.34, -80.248
XYZ	15.926, 10.291, 71.664
xyY	0.163, 0.105, 10.291
CIE-LCH	38.36, 90.27, 297.255
CIE-LUV	38.36, -16.207, -113.67
Hunter-Lab	32.079, 32.475, -109.995
Binary	00000010, 01001010, 11100000

#024ae0
```
#024ae0 rgb(2,74,224)
```
#e09802
```
#e09802 rgb(224,152,2)
```

Complementary Color

#02b9e0
```
#02b9e0 rgb(2,185,224)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#2902e0
```
#2902e0 rgb(41,2,224)
```

Analogous Color

#b9e002
```
#b9e002 rgb(185,224,2)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#e02902
```
#e02902 rgb(224,41,2)
```

Split Complementary Color

#4ae002
```
#4ae002 rgb(74,224,2)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#e0024a
```
#e0024a rgb(224,2,74)
```

Triadic Color

#02e098
```
#02e098 rgb(2,224,152)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#e0024a
```
#e0024a rgb(224,2,74)
```
#e09802
```
#e09802 rgb(224,152,2)
```

Tetradic Color

#013194
```
#013194 rgb(1,49,148)
```
#0239ad
```
#0239ad rgb(2,57,173)
```
#0242c7
```
#0242c7 rgb(2,66,199)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#0252f9
```
#0252f9 rgb(2,82,249)
```
#1862fd
```
#1862fd rgb(24,98,253)
```
#3173fd
```
#3173fd rgb(49,115,253)
```

Monochromatic Color

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

#0282e0
```
#0282e0 rgb(2,130,224)
```
#026fe0
```
#026fe0 rgb(2,111,224)
```
#025de0
```
#025de0 rgb(2,93,224)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#0238e0
```
#0238e0 rgb(2,56,224)
```
#0225e0
```
#0225e0 rgb(2,37,224)
```
#0213e0
```
#0213e0 rgb(2,19,224)
```

Similar Colors

Text with hexadecimal color #024ae0

This text has a font color of #024ae0.

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

#024ae0 background color

This paragraph has a background color of #024ae0.

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

#024ae0 border color

This element has a border color of #024ae0.

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

CSS codes

.text {color:#024ae0;}

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

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

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, #00030a is the darkest color, while #f6f9ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001031
```
#001031 rgb(0,16,49)
```
#011744
```
#011744 rgb(1,23,68)
```
#011d58
```
#011d58 rgb(1,29,88)
```
#01236b
```
#01236b rgb(1,35,107)
```
#012a7f
```
#012a7f rgb(1,42,127)
```
#013092
```
#013092 rgb(1,48,146)
```
#0137a6
```
#0137a6 rgb(1,55,166)
```
#023db9
```
#023db9 rgb(2,61,185)
```
#0244cd
```
#0244cd rgb(2,68,205)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```
#0250f3
```
#0250f3 rgb(2,80,243)
```

Shade Color Variation

#0c5afd
```
#0c5afd rgb(12,90,253)
```
#2068fd
```
#2068fd rgb(32,104,253)
```
#3375fd
```
#3375fd rgb(51,117,253)
```
#4782fd
```
#4782fd rgb(71,130,253)
```
#5a8ffe
```
#5a8ffe rgb(90,143,254)
```
#6e9cfe
```
#6e9cfe rgb(110,156,254)
```
#81aafe
```
#81aafe rgb(129,170,254)
```
#94b7fe
```
#94b7fe rgb(148,183,254)
```
#a8c4fe
```
#a8c4fe rgb(168,196,254)
```
#bbd1fe
```
#bbd1fe rgb(187,209,254)
```
#cfdeff
```
#cfdeff rgb(207,222,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#6a6f78
```
#6a6f78 rgb(106,111,120)
```
#626c80
```
#626c80 rgb(98,108,128)
```
#596989
```
#596989 rgb(89,105,137)
```
#506592
```
#506592 rgb(80,101,146)
```
#48629a
```
#48629a rgb(72,98,154)
```
#3f5fa3
```
#3f5fa3 rgb(63,95,163)
```
#365cac
```
#365cac rgb(54,92,172)
```
#2d59b5
```
#2d59b5 rgb(45,89,181)
```
#2556bd
```
#2556bd rgb(37,86,189)
```
#1c53c6
```
#1c53c6 rgb(28,83,198)
```
#1350cf
```
#1350cf rgb(19,80,207)
```
#0b4dd7
```
#0b4dd7 rgb(11,77,215)
```
#024ae0
```
#024ae0 rgb(2,74,224)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#384765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0058c8 Protanomaly 1% of men, 0.01% of women
#005bb8 Deuteranomaly 6% of men, 0.4% of women
#006099 Tritanomaly 0.01% of the population

#024ae0 hex color

#024ae0 Color Information

#024ae0 Color Conversion

Color Schemes with #024ae0

Alternatives to #024ae0

#024ae0 Preview

Shades and Tints of #024ae0

Tones of #024ae0

Color Blindness Simulator