#063fb2 hex color

In a RGB color space, hex #063fb2 is composed of 2.4% red, 24.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 64.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 220.1 degrees, a saturation of 93.5% and a lightness of 36.1%. #063fb2 color hex could be obtained by blending #0c7eff with #000065. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 25
- B 70
RGB color chart
- C 97
- M 65
- Y 0
- K 30
CMYK color chart

● #063fb2 color description : Dark blue.

The hexadecimal color #063fb2 has RGB values of R:6, G:63, B:178 and CMYK values of C:0.97, M:0.65, Y:0, K:0.3. Its decimal value is 409522.

Hex triplet	063fb2	`#063fb2`
RGB Decimal	6, 63, 178	`rgb(6,63,178)`
RGB Percent	2.4, 24.7, 69.8	`rgb(2.4%,24.7%,69.8%)`
CMYK	97, 65, 0, 30
HSL	220.1°, 93.5, 36.1	`hsl(220.1,93.5%,36.1%)`
HSV (or HSB)	220.1°, 96.6, 69.8
Web Safe	003399	`#003399`

CIE-LAB	31.364, 30.993, -64.97
XYZ	9.887, 6.807, 42.91
xyY	0.166, 0.114, 6.807
CIE-LCH	31.364, 71.984, 295.503
CIE-LUV	31.364, -13.682, -87.187
Hunter-Lab	26.091, 21.982, -79.247
Binary	00000110, 00111111, 10110010

#063fb2
```
#063fb2 rgb(6,63,178)
```
#b27906
```
#b27906 rgb(178,121,6)
```

Complementary Color

#0695b2
```
#0695b2 rgb(6,149,178)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#2306b2
```
#2306b2 rgb(35,6,178)
```

Analogous Color

#95b206
```
#95b206 rgb(149,178,6)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#b22306
```
#b22306 rgb(178,35,6)
```

Split Complementary Color

#3fb206
```
#3fb206 rgb(63,178,6)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#b2063f
```
#b2063f rgb(178,6,63)
```

Triadic Color

#06b279
```
#06b279 rgb(6,178,121)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#b2063f
```
#b2063f rgb(178,6,63)
```
#b27906
```
#b27906 rgb(178,121,6)
```

Tetradic Color

#042568
```
#042568 rgb(4,37,104)
```
#042e81
```
#042e81 rgb(4,46,129)
```
#053699
```
#053699 rgb(5,54,153)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#0748cb
```
#0748cb rgb(7,72,203)
```
#0850e3
```
#0850e3 rgb(8,80,227)
```
#0e5bf7
```
#0e5bf7 rgb(14,91,247)
```

Monochromatic Color

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

#066ab2
```
#066ab2 rgb(6,106,178)
```
#065cb2
```
#065cb2 rgb(6,92,178)
```
#064db2
```
#064db2 rgb(6,77,178)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#0631b2
```
#0631b2 rgb(6,49,178)
```
#0622b2
```
#0622b2 rgb(6,34,178)
```
#0614b2
```
#0614b2 rgb(6,20,178)
```

Similar Colors

Text with hexadecimal color #063fb2

This text has a font color of #063fb2.

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

#063fb2 background color

This paragraph has a background color of #063fb2.

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

#063fb2 border color

This element has a border color of #063fb2.

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

CSS codes

.text {color:#063fb2;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#01091a
```
#01091a rgb(1,9,26)
```
#02102d
```
#02102d rgb(2,16,45)
```
#021740
```
#021740 rgb(2,23,64)
```
#031d53
```
#031d53 rgb(3,29,83)
```
#032466
```
#032466 rgb(3,36,102)
```
#042b79
```
#042b79 rgb(4,43,121)
```
#05328c
```
#05328c rgb(5,50,140)
```
#05389f
```
#05389f rgb(5,56,159)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```
#0746c5
```
#0746c5 rgb(7,70,197)
```
#074cd8
```
#074cd8 rgb(7,76,216)
```
#0853eb
```
#0853eb rgb(8,83,235)
```

Shade Color Variation

#105cf7
```
#105cf7 rgb(16,92,247)
```
#2369f8
```
#2369f8 rgb(35,105,248)
```
#3576f8
```
#3576f8 rgb(53,118,248)
```
#4883f9
```
#4883f9 rgb(72,131,249)
```
#5b90f9
```
#5b90f9 rgb(91,144,249)
```
#6e9dfa
```
#6e9dfa rgb(110,157,250)
```
#81aafb
```
#81aafb rgb(129,170,251)
```
#94b7fb
```
#94b7fb rgb(148,183,251)
```
#a7c3fc
```
#a7c3fc rgb(167,195,252)
```
#bad0fd
```
#bad0fd rgb(186,208,253)
```
#cdddfd
```
#cdddfd rgb(205,221,253)
```
#e0eafe
```
#e0eafe rgb(224,234,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545964
```
#545964 rgb(84,89,100)
```
#4d576b
```
#4d576b rgb(77,87,107)
```
#465472
```
#465472 rgb(70,84,114)
```
#3f5279
```
#3f5279 rgb(63,82,121)
```
#385080
```
#385080 rgb(56,80,128)
```
#304d88
```
#304d88 rgb(48,77,136)
```
#294b8f
```
#294b8f rgb(41,75,143)
```
#224996
```
#224996 rgb(34,73,150)
```
#1b469d
```
#1b469d rgb(27,70,157)
```
#1444a4
```
#1444a4 rgb(20,68,164)
```
#0d41ab
```
#0d41ab rgb(13,65,171)
```
#063fb2
```
#063fb2 rgb(6,63,178)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#303c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d Protanopia 1% of men
#005588 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#024aa5 Protanomaly 1% of men, 0.01% of women
#024d97 Deuteranomaly 6% of men, 0.4% of women
#02517d Tritanomaly 0.01% of the population

#063fb2 hex color

#063fb2 Color Information

#063fb2 Color Conversion

Color Schemes with #063fb2

Alternatives to #063fb2

#063fb2 Preview

Shades and Tints of #063fb2

Tones of #063fb2

Color Blindness Simulator