#063ff2 hex color

In a RGB color space, hex #063ff2 is composed of 2.4% red, 24.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 74% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.5 degrees, a saturation of 95.2% and a lightness of 48.6%. #063ff2 color hex could be obtained by blending #0c7eff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 25
- B 95
RGB color chart
- C 98
- M 74
- Y 0
- K 5
CMYK color chart

● #063ff2 color description : Vivid blue.

The hexadecimal color #063ff2 has RGB values of R:6, G:63, B:242 and CMYK values of C:0.98, M:0.74, Y:0, K:0.05. Its decimal value is 409586.

Hex triplet	063ff2	`#063ff2`
RGB Decimal	6, 63, 242	`rgb(6,63,242)`
RGB Percent	2.4, 24.7, 94.9	`rgb(2.4%,24.7%,94.9%)`
CMYK	98, 74, 0, 5
HSL	225.5°, 95.2, 48.6	`hsl(225.5,95.2%,48.6%)`
HSV (or HSB)	225.5°, 97.5, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.848, 54.37, -91.305
XYZ	17.876, 10.003, 84.988
xyY	0.158, 0.089, 10.003
CIE-LCH	37.848, 106.267, 300.773
CIE-LUV	37.848, -14.146, -125.686
Hunter-Lab	31.628, 45.542, -137.182
Binary	00000110, 00111111, 11110010

#063ff2
```
#063ff2 rgb(6,63,242)
```
#f2b906
```
#f2b906 rgb(242,185,6)
```

Complementary Color

#06b5f2
```
#06b5f2 rgb(6,181,242)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#4306f2
```
#4306f2 rgb(67,6,242)
```

Analogous Color

#b5f206
```
#b5f206 rgb(181,242,6)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#f24306
```
#f24306 rgb(242,67,6)
```

Split Complementary Color

#3ff206
```
#3ff206 rgb(63,242,6)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#f2063f
```
#f2063f rgb(242,6,63)
```

Triadic Color

#06f2b9
```
#06f2b9 rgb(6,242,185)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#f2063f
```
#f2063f rgb(242,6,63)
```
#f2b906
```
#f2b906 rgb(242,185,6)
```

Tetradic Color

#042ca7
```
#042ca7 rgb(4,44,167)
```
#0532c0
```
#0532c0 rgb(5,50,192)
```
#0539d9
```
#0539d9 rgb(5,57,217)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#184ff9
```
#184ff9 rgb(24,79,249)
```
#3162fa
```
#3162fa rgb(49,98,250)
```
#4a75fb
```
#4a75fb rgb(74,117,251)
```

Monochromatic Color

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

#067af2
```
#067af2 rgb(6,122,242)
```
#0666f2
```
#0666f2 rgb(6,102,242)
```
#0653f2
```
#0653f2 rgb(6,83,242)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```
#062bf2
```
#062bf2 rgb(6,43,242)
```
#0618f2
```
#0618f2 rgb(6,24,242)
```
#0806f2
```
#0806f2 rgb(8,6,242)
```

Similar Colors

Text with hexadecimal color #063ff2

This text has a font color of #063ff2.

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

#063ff2 background color

This paragraph has a background color of #063ff2.

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

#063ff2 border color

This element has a border color of #063ff2.

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

CSS codes

.text {color:#063ff2;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#01081f
```
#01081f rgb(1,8,31)
```
#010d33
```
#010d33 rgb(1,13,51)
```
#021246
```
#021246 rgb(2,18,70)
```
#021759
```
#021759 rgb(2,23,89)
```
#031c6c
```
#031c6c rgb(3,28,108)
```
#03217f
```
#03217f rgb(3,33,127)
```
#042692
```
#042692 rgb(4,38,146)
```
#042ba5
```
#042ba5 rgb(4,43,165)
```
#0530b9
```
#0530b9 rgb(5,48,185)
```
#0535cc
```
#0535cc rgb(5,53,204)
```
#063adf
```
#063adf rgb(6,58,223)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```

Shade Color Variation

#124af9
```
#124af9 rgb(18,74,249)
```
#2659fa
```
#2659fa rgb(38,89,250)
```
#3967fa
```
#3967fa rgb(57,103,250)
```
#4c76fb
```
#4c76fb rgb(76,118,251)
```
#5f85fb
```
#5f85fb rgb(95,133,251)
```
#7293fc
```
#7293fc rgb(114,147,252)
```
#85a2fc
```
#85a2fc rgb(133,162,252)
```
#98b1fc
```
#98b1fc rgb(152,177,252)
```
#acbffd
```
#acbffd rgb(172,191,253)
```
#bfcefd
```
#bfcefd rgb(191,206,253)
```
#d2ddfe
```
#d2ddfe rgb(210,221,254)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#787a80
```
#787a80 rgb(120,122,128)
```
#6f7589
```
#6f7589 rgb(111,117,137)
```
#657093
```
#657093 rgb(101,112,147)
```
#5c6b9c
```
#5c6b9c rgb(92,107,156)
```
#5266a6
```
#5266a6 rgb(82,102,166)
```
#4962af
```
#4962af rgb(73,98,175)
```
#3f5db9
```
#3f5db9 rgb(63,93,185)
```
#3658c2
```
#3658c2 rgb(54,88,194)
```
#2c53cc
```
#2c53cc rgb(44,83,204)
```
#234ed5
```
#234ed5 rgb(35,78,213)
```
#1949df
```
#1949df rgb(25,73,223)
```
#1044e8
```
#1044e8 rgb(16,68,232)
```
#063ff2
```
#063ff2 rgb(6,63,242)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#364165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0253cd Protanomaly 1% of men, 0.01% of women
#0256bd Deuteranomaly 6% of men, 0.4% of women
#025b9f Tritanomaly 0.01% of the population

#063ff2 hex color

#063ff2 Color Information

#063ff2 Color Conversion

Color Schemes with #063ff2

Alternatives to #063ff2

#063ff2 Preview

Shades and Tints of #063ff2

Tones of #063ff2

Color Blindness Simulator