#063baf hex color

In a RGB color space, hex #063baf is composed of 2.4% red, 23.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 66.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 221.2 degrees, a saturation of 93.4% and a lightness of 35.5%. #063baf color hex could be obtained by blending #0c76ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 23
- B 69
RGB color chart
- C 97
- M 66
- Y 0
- K 31
CMYK color chart

● #063baf color description : Dark blue.

The hexadecimal color #063baf has RGB values of R:6, G:59, B:175 and CMYK values of C:0.97, M:0.66, Y:0, K:0.31. Its decimal value is 408495.

Hex triplet	063baf	`#063baf`
RGB Decimal	6, 59, 175	`rgb(6,59,175)`
RGB Percent	2.4, 23.1, 68.6	`rgb(2.4%,23.1%,68.6%)`
CMYK	97, 66, 0, 31
HSL	221.2°, 93.4, 35.5	`hsl(221.2,93.4%,35.5%)`
HSV (or HSB)	221.2°, 96.6, 68.6
Web Safe	003399	`#003399`

CIE-LAB	30.062, 32.48, -65.323
XYZ	9.375, 6.261, 41.269
xyY	0.165, 0.11, 6.261
CIE-LCH	30.062, 72.952, 296.438
CIE-LUV	30.062, -12.782, -86.059
Hunter-Lab	25.022, 23.092, -80.273
Binary	00000110, 00111011, 10101111

#063baf
```
#063baf rgb(6,59,175)
```
#af7a06
```
#af7a06 rgb(175,122,6)
```

Complementary Color

#0690af
```
#0690af rgb(6,144,175)
```
#063baf
```
#063baf rgb(6,59,175)
```
#2606af
```
#2606af rgb(38,6,175)
```

Analogous Color

#90af06
```
#90af06 rgb(144,175,6)
```
#063baf
```
#063baf rgb(6,59,175)
```
#af2606
```
#af2606 rgb(175,38,6)
```

Split Complementary Color

#3baf06
```
#3baf06 rgb(59,175,6)
```
#063baf
```
#063baf rgb(6,59,175)
```
#af063b
```
#af063b rgb(175,6,59)
```

Triadic Color

#06af7a
```
#06af7a rgb(6,175,122)
```
#063baf
```
#063baf rgb(6,59,175)
```
#af063b
```
#af063b rgb(175,6,59)
```
#af7a06
```
#af7a06 rgb(175,122,6)
```

Tetradic Color

#032265
```
#032265 rgb(3,34,101)
```
#042a7e
```
#042a7e rgb(4,42,126)
```
#053396
```
#053396 rgb(5,51,150)
```
#063baf
```
#063baf rgb(6,59,175)
```
#0743c8
```
#0743c8 rgb(7,67,200)
```
#084ce0
```
#084ce0 rgb(8,76,224)
```
#0b55f7
```
#0b55f7 rgb(11,85,247)
```

Monochromatic Color

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

#0665af
```
#0665af rgb(6,101,175)
```
#0657af
```
#0657af rgb(6,87,175)
```
#0649af
```
#0649af rgb(6,73,175)
```
#063baf
```
#063baf rgb(6,59,175)
```
#062daf
```
#062daf rgb(6,45,175)
```
#061faf
```
#061faf rgb(6,31,175)
```
#0611af
```
#0611af rgb(6,17,175)
```

Similar Colors

Text with hexadecimal color #063baf

This text has a font color of #063baf.

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

#063baf background color

This paragraph has a background color of #063baf.

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

#063baf border color

This element has a border color of #063baf.

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

CSS codes

.text {color:#063baf;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#010e2a
```
#010e2a rgb(1,14,42)
```
#02153d
```
#02153d rgb(2,21,61)
```
#031b50
```
#031b50 rgb(3,27,80)
```
#032163
```
#032163 rgb(3,33,99)
```
#042876
```
#042876 rgb(4,40,118)
```
#052e89
```
#052e89 rgb(5,46,137)
```
#05359c
```
#05359c rgb(5,53,156)
```
#063baf
```
#063baf rgb(6,59,175)
```
#0741c2
```
#0741c2 rgb(7,65,194)
```
#0748d5
```
#0748d5 rgb(7,72,213)
```
#084ee8
```
#084ee8 rgb(8,78,232)
```

Shade Color Variation

#0d56f7
```
#0d56f7 rgb(13,86,247)
```
#2063f7
```
#2063f7 rgb(32,99,247)
```
#3371f8
```
#3371f8 rgb(51,113,248)
```
#467ef9
```
#467ef9 rgb(70,126,249)
```
#598bf9
```
#598bf9 rgb(89,139,249)
```
#6c98fa
```
#6c98fa rgb(108,152,250)
```
#7fa5fb
```
#7fa5fb rgb(127,165,251)
```
#92b3fb
```
#92b3fb rgb(146,179,251)
```
#a4c0fc
```
#a4c0fc rgb(164,192,252)
```
#b7cdfd
```
#b7cdfd rgb(183,205,253)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#dde8fe
```
#dde8fe rgb(221,232,254)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

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

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535862
```
#535862 rgb(83,88,98)
```
#4c5569
```
#4c5569 rgb(76,85,105)
```
#455270
```
#455270 rgb(69,82,112)
```
#3e5077
```
#3e5077 rgb(62,80,119)
```
#374d7e
```
#374d7e rgb(55,77,126)
```
#304b85
```
#304b85 rgb(48,75,133)
```
#29488c
```
#29488c rgb(41,72,140)
```
#224593
```
#224593 rgb(34,69,147)
```
#1b439a
```
#1b439a rgb(27,67,154)
```
#1440a1
```
#1440a1 rgb(20,64,161)
```
#0d3ea8
```
#0d3ea8 rgb(13,62,168)
```
#063baf
```
#063baf rgb(6,59,175)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2e3950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0247a0 Protanomaly 1% of men, 0.01% of women
#024993 Deuteranomaly 6% of men, 0.4% of women
#024d7a Tritanomaly 0.01% of the population

#063baf hex color

#063baf Color Information

#063baf Color Conversion

Color Schemes with #063baf

Alternatives to #063baf

#063baf Preview

Shades and Tints of #063baf

Tones of #063baf

Color Blindness Simulator