#063ae0 hex color

In a RGB color space, hex #063ae0 is composed of 2.4% red, 22.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 74.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 225.7 degrees, a saturation of 94.8% and a lightness of 45.1%. #063ae0 color hex could be obtained by blending #0c74ff with #0000c1. Closest websafe color is: #0033cc.

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

● #063ae0 color description : Vivid blue.

The hexadecimal color #063ae0 has RGB values of R:6, G:58, B:224 and CMYK values of C:0.97, M:0.74, Y:0, K:0.12. Its decimal value is 408288.

Hex triplet	063ae0	`#063ae0`
RGB Decimal	6, 58, 224	`rgb(6,58,224)`
RGB Percent	2.4, 22.7, 87.8	`rgb(2.4%,22.7%,87.8%)`
CMYK	97, 74, 0, 12
HSL	225.7°, 94.8, 45.1	`hsl(225.7,94.8%,45.1%)`
HSV (or HSB)	225.7°, 97.3, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.894, 51.071, -85.972
XYZ	15.04, 8.445, 71.354
xyY	0.159, 0.089, 8.445
CIE-LCH	34.894, 99.997, 300.712
CIE-LUV	34.894, -13.041, -115.537
Hunter-Lab	29.061, 41.522, -125.234
Binary	00000110, 00111010, 11100000

#063ae0
```
#063ae0 rgb(6,58,224)
```
#e0ac06
```
#e0ac06 rgb(224,172,6)
```

Complementary Color

#06a7e0
```
#06a7e0 rgb(6,167,224)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#3f06e0
```
#3f06e0 rgb(63,6,224)
```

Analogous Color

#a7e006
```
#a7e006 rgb(167,224,6)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#e03f06
```
#e03f06 rgb(224,63,6)
```

Split Complementary Color

#3ae006
```
#3ae006 rgb(58,224,6)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#e0063a
```
#e0063a rgb(224,6,58)
```

Triadic Color

#06e0ac
```
#06e0ac rgb(6,224,172)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#e0063a
```
#e0063a rgb(224,6,58)
```
#e0ac06
```
#e0ac06 rgb(224,172,6)
```

Tetradic Color

#042795
```
#042795 rgb(4,39,149)
```
#052dae
```
#052dae rgb(5,45,174)
```
#0534c7
```
#0534c7 rgb(5,52,199)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#0741f8
```
#0741f8 rgb(7,65,248)
```
#2054f9
```
#2054f9 rgb(32,84,249)
```
#3967fa
```
#3967fa rgb(57,103,250)
```

Monochromatic Color

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

#0671e0
```
#0671e0 rgb(6,113,224)
```
#065ee0
```
#065ee0 rgb(6,94,224)
```
#064ce0
```
#064ce0 rgb(6,76,224)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#0628e0
```
#0628e0 rgb(6,40,224)
```
#0616e0
```
#0616e0 rgb(6,22,224)
```
#0906e0
```
#0906e0 rgb(9,6,224)
```

Similar Colors

Text with hexadecimal color #063ae0

This text has a font color of #063ae0.

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

#063ae0 background color

This paragraph has a background color of #063ae0.

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

#063ae0 border color

This element has a border color of #063ae0.

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

CSS codes

.text {color:#063ae0;}

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

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

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, #00040e is the darkest color, while #fafbff is the lightest one.

#00040e
```
#00040e rgb(0,4,14)
```
#010921
```
#010921 rgb(1,9,33)
```
#010d34
```
#010d34 rgb(1,13,52)
```
#021247
```
#021247 rgb(2,18,71)
```
#02175a
```
#02175a rgb(2,23,90)
```
#031c6d
```
#031c6d rgb(3,28,109)
```
#032180
```
#032180 rgb(3,33,128)
```
#042694
```
#042694 rgb(4,38,148)
```
#042ba7
```
#042ba7 rgb(4,43,167)
```
#0530ba
```
#0530ba rgb(5,48,186)
```
#0535cd
```
#0535cd rgb(5,53,205)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```
#073ff3
```
#073ff3 rgb(7,63,243)
```

Shade Color Variation

#154bf9
```
#154bf9 rgb(21,75,249)
```
#285af9
```
#285af9 rgb(40,90,249)
```
#3b68fa
```
#3b68fa rgb(59,104,250)
```
#4e77fa
```
#4e77fa rgb(78,119,250)
```
#6186fb
```
#6186fb rgb(97,134,251)
```
#7494fb
```
#7494fb rgb(116,148,251)
```
#87a3fc
```
#87a3fc rgb(135,163,252)
```
#9ab2fc
```
#9ab2fc rgb(154,178,252)
```
#adc0fd
```
#adc0fd rgb(173,192,253)
```
#c0cffd
```
#c0cffd rgb(192,207,253)
```
#d4defe
```
#d4defe rgb(212,222,254)
```
#e7ecfe
```
#e7ecfe rgb(231,236,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#707276
```
#707276 rgb(112,114,118)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#5e6888
```
#5e6888 rgb(94,104,136)
```
#566490
```
#566490 rgb(86,100,144)
```
#4d5f99
```
#4d5f99 rgb(77,95,153)
```
#445aa2
```
#445aa2 rgb(68,90,162)
```
#3b56ab
```
#3b56ab rgb(59,86,171)
```
#3251b4
```
#3251b4 rgb(50,81,180)
```
#294dbd
```
#294dbd rgb(41,77,189)
```
#2148c5
```
#2148c5 rgb(33,72,197)
```
#1843ce
```
#1843ce rgb(24,67,206)
```
#0f3fd7
```
#0f3fd7 rgb(15,63,215)
```
#063ae0
```
#063ae0 rgb(6,58,224)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#323c5e 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

#024dbe Protanomaly 1% of men, 0.01% of women
#0250b0 Deuteranomaly 6% of men, 0.4% of women
#025493 Tritanomaly 0.01% of the population

#063ae0 hex color

#063ae0 Color Information

#063ae0 Color Conversion

Color Schemes with #063ae0

Alternatives to #063ae0

#063ae0 Preview

Shades and Tints of #063ae0

Tones of #063ae0

Color Blindness Simulator