#023ae0 hex color

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

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

● #023ae0 color description : Vivid blue.

The hexadecimal color #023ae0 has RGB values of R:2, G:58, B:224 and CMYK values of C:0.99, M:0.74, Y:0, K:0.12. Its decimal value is 146144.

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

CIE-LAB	34.842, 50.995, -86.06
XYZ	14.99, 8.42, 71.352
xyY	0.158, 0.089, 8.42
CIE-LCH	34.842, 100.034, 300.649
CIE-LUV	34.842, -13.181, -115.54
Hunter-Lab	29.017, 41.434, -125.483
Binary	00000010, 00111010, 11100000

#023ae0
```
#023ae0 rgb(2,58,224)
```
#e0a802
```
#e0a802 rgb(224,168,2)
```

Complementary Color

#02a9e0
```
#02a9e0 rgb(2,169,224)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#3902e0
```
#3902e0 rgb(57,2,224)
```

Analogous Color

#a9e002
```
#a9e002 rgb(169,224,2)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#e03902
```
#e03902 rgb(224,57,2)
```

Split Complementary Color

#3ae002
```
#3ae002 rgb(58,224,2)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#e0023a
```
#e0023a rgb(224,2,58)
```

Triadic Color

#02e0a8
```
#02e0a8 rgb(2,224,168)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#e0023a
```
#e0023a rgb(224,2,58)
```
#e0a802
```
#e0a802 rgb(224,168,2)
```

Tetradic Color

#012694
```
#012694 rgb(1,38,148)
```
#022dad
```
#022dad rgb(2,45,173)
```
#0233c7
```
#0233c7 rgb(2,51,199)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#0241f9
```
#0241f9 rgb(2,65,249)
```
#1852fd
```
#1852fd rgb(24,82,253)
```
#3165fd
```
#3165fd rgb(49,101,253)
```

Monochromatic Color

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

#0272e0
```
#0272e0 rgb(2,114,224)
```
#025fe0
```
#025fe0 rgb(2,95,224)
```
#024de0
```
#024de0 rgb(2,77,224)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#0228e0
```
#0228e0 rgb(2,40,224)
```
#0215e0
```
#0215e0 rgb(2,21,224)
```
#0203e0
```
#0203e0 rgb(2,3,224)
```

Similar Colors

Text with hexadecimal color #023ae0

This text has a font color of #023ae0.

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

#023ae0 background color

This paragraph has a background color of #023ae0.

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

#023ae0 border color

This element has a border color of #023ae0.

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

CSS codes

.text {color:#023ae0;}

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

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

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 #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00081e
```
#00081e rgb(0,8,30)
```
#000d31
```
#000d31 rgb(0,13,49)
```
#011244
```
#011244 rgb(1,18,68)
```
#011758
```
#011758 rgb(1,23,88)
```
#011c6b
```
#011c6b rgb(1,28,107)
```
#01217f
```
#01217f rgb(1,33,127)
```
#012692
```
#012692 rgb(1,38,146)
```
#012ba6
```
#012ba6 rgb(1,43,166)
```
#0230b9
```
#0230b9 rgb(2,48,185)
```
#0235cd
```
#0235cd rgb(2,53,205)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```
#023ff3
```
#023ff3 rgb(2,63,243)
```

Shade Color Variation

#0c49fd
```
#0c49fd rgb(12,73,253)
```
#2058fd
```
#2058fd rgb(32,88,253)
```
#3366fd
```
#3366fd rgb(51,102,253)
```
#4775fd
```
#4775fd rgb(71,117,253)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#6e92fe
```
#6e92fe rgb(110,146,254)
```
#81a1fe
```
#81a1fe rgb(129,161,254)
```
#94affe
```
#94affe rgb(148,175,254)
```
#a8befe
```
#a8befe rgb(168,190,254)
```
#bbccfe
```
#bbccfe rgb(187,204,254)
```
#cfdbff
```
#cfdbff rgb(207,219,255)
```
#e2e9ff
```
#e2e9ff rgb(226,233,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#6a6e78
```
#6a6e78 rgb(106,110,120)
```
#626980
```
#626980 rgb(98,105,128)
```
#596589
```
#596589 rgb(89,101,137)
```
#506192
```
#506192 rgb(80,97,146)
```
#485c9a
```
#485c9a rgb(72,92,154)
```
#3f58a3
```
#3f58a3 rgb(63,88,163)
```
#3654ac
```
#3654ac rgb(54,84,172)
```
#2d50b5
```
#2d50b5 rgb(45,80,181)
```
#254bbd
```
#254bbd rgb(37,75,189)
```
#1c47c6
```
#1c47c6 rgb(28,71,198)
```
#1343cf
```
#1343cf rgb(19,67,207)
```
#0b3ed7
```
#0b3ed7 rgb(11,62,215)
```
#023ae0
```
#023ae0 rgb(2,58,224)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#303c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#004dbe Protanomaly 1% of men, 0.01% of women
#0050af Deuteranomaly 6% of men, 0.4% of women
#005493 Tritanomaly 0.01% of the population

#023ae0 hex color

#023ae0 Color Information

#023ae0 Color Conversion

Color Schemes with #023ae0

Alternatives to #023ae0

#023ae0 Preview

Shades and Tints of #023ae0

Tones of #023ae0

Color Blindness Simulator