colorhexa.com

#0a63f6 hex color

In a RGB color space, hex #0a63f6 is composed of 3.9% red, 38.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 59.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 217.4 degrees, a saturation of 92.9% and a lightness of 50.2%. #0a63f6 color hex could be obtained by blending #14c6ff with #0000ed. Closest websafe color is: #0066ff.

- R 4
- G 39
- B 96
RGB color chart
- C 96
- M 60
- Y 0
- K 4
CMYK color chart

● #0a63f6 color description : Vivid blue.

The hexadecimal color #0a63f6 has RGB values of R:10, G:99, B:246 and CMYK values of C:0.96, M:0.6, Y:0, K:0.04. Its decimal value is 680950.

Hex triplet	0a63f6	`#0a63f6`
RGB Decimal	10, 99, 246	`rgb(10,99,246)`
RGB Percent	3.9, 38.8, 96.5	`rgb(3.9%,38.8%,96.5%)`
CMYK	96, 60, 0, 4
HSL	217.4°, 92.9, 50.2	`hsl(217.4,92.9%,50.2%)`
HSV (or HSB)	217.4°, 95.9, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.499, 33.922, -79.302
XYZ	21.218, 15.64, 89.084
xyY	0.168, 0.124, 15.64
CIE-LCH	46.499, 86.252, 293.159
CIE-LUV	46.499, -21.51, -120.432
Hunter-Lab	39.548, 26.56, -105.872
Binary	00001010, 01100011, 11110110

#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#f69d0a
```
#f69d0a rgb(246,157,10)
```

Complementary Color

#0ad9f6
```
#0ad9f6 rgb(10,217,246)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#270af6
```
#270af6 rgb(39,10,246)
```

Analogous Color

#d9f60a
```
#d9f60a rgb(217,246,10)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#f6270a
```
#f6270a rgb(246,39,10)
```

Split Complementary Color

#63f60a
```
#63f60a rgb(99,246,10)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#f60a63
```
#f60a63 rgb(246,10,99)
```

Triadic Color

#0af69d
```
#0af69d rgb(10,246,157)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#f60a63
```
#f60a63 rgb(246,10,99)
```
#f69d0a
```
#f69d0a rgb(246,157,10)
```

Tetradic Color

#0645ad
```
#0645ad rgb(6,69,173)
```
#074fc6
```
#074fc6 rgb(7,79,198)
```
#0859de
```
#0859de rgb(8,89,222)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#2373f7
```
#2373f7 rgb(35,115,247)
```
#3b82f8
```
#3b82f8 rgb(59,130,248)
```
#5492f9
```
#5492f9 rgb(84,146,249)
```

Monochromatic Color

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

#0a9ef6
```
#0a9ef6 rgb(10,158,246)
```
#0a8af6
```
#0a8af6 rgb(10,138,246)
```
#0a77f6
```
#0a77f6 rgb(10,119,246)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#0a4ff6
```
#0a4ff6 rgb(10,79,246)
```
#0a3cf6
```
#0a3cf6 rgb(10,60,246)
```
#0a28f6
```
#0a28f6 rgb(10,40,246)
```

Similar Colors

Text with hexadecimal color #0a63f6

This text has a font color of #0a63f6.

<span style="color:#0a63f6;">Text here</span>

#0a63f6 background color

This paragraph has a background color of #0a63f6.

<p style="background-color:#0a63f6;">Content here</p>

#0a63f6 border color

This element has a border color of #0a63f6.

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

CSS codes

.text {color:#0a63f6;}

.background {background-color:#0a63f6;}

.border {border:1px solid #0a63f6;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010814
```
#010814 rgb(1,8,20)
```
#011027
```
#011027 rgb(1,16,39)
```
#02173a
```
#02173a rgb(2,23,58)
```
#031f4d
```
#031f4d rgb(3,31,77)
```
#042660
```
#042660 rgb(4,38,96)
```
#042e72
```
#042e72 rgb(4,46,114)
```
#053585
```
#053585 rgb(5,53,133)
```
#063d98
```
#063d98 rgb(6,61,152)
```
#0644ab
```
#0644ab rgb(6,68,171)
```
#074cbe
```
#074cbe rgb(7,76,190)
```
#0854d1
```
#0854d1 rgb(8,84,209)
```
#085be4
```
#085be4 rgb(8,91,228)
```

Shade Color Variation

#0a63f6
```
#0a63f6 rgb(10,99,246)
```
#1d6ff7
```
#1d6ff7 rgb(29,111,247)
```
#307bf7
```
#307bf7 rgb(48,123,247)
```
#4387f8
```
#4387f8 rgb(67,135,248)
```
#5693f9
```
#5693f9 rgb(86,147,249)
```
#699ff9
```
#699ff9 rgb(105,159,249)
```
#7cabfa
```
#7cabfa rgb(124,171,250)
```
#8eb7fb
```
#8eb7fb rgb(142,183,251)
```
#a1c3fc
```
#a1c3fc rgb(161,195,252)
```
#b4cffc
```
#b4cffc rgb(180,207,252)
```
#c7dbfd
```
#c7dbfd rgb(199,219,253)
```
#dae8fe
```
#dae8fe rgb(218,232,254)
```
#edf4fe
```
#edf4fe rgb(237,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8081 is the less saturated color, while #0a63f6 is the most saturated one.

#7f8081
```
#7f8081 rgb(127,128,129)
```
#757d8b
```
#757d8b rgb(117,125,139)
```
#6c7b94
```
#6c7b94 rgb(108,123,148)
```
#62799e
```
#62799e rgb(98,121,158)
```
#5876a8
```
#5876a8 rgb(88,118,168)
```
#4e74b2
```
#4e74b2 rgb(78,116,178)
```
#4571bb
```
#4571bb rgb(69,113,187)
```
#3b6fc5
```
#3b6fc5 rgb(59,111,197)
```
#316dcf
```
#316dcf rgb(49,109,207)
```
#276ad9
```
#276ad9 rgb(39,106,217)
```
#1e68e2
```
#1e68e2 rgb(30,104,226)
```
#1465ec
```
#1465ec rgb(20,101,236)
```
#0a63f6
```
#0a63f6 rgb(10,99,246)
```

Tone Color Variation

Below, you can see how #0a63f6 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

#595959 Achromatopsia 0.005% of the population
#495b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008187 Tritanopia 0.001% of the population

Trichromacy

#036ce7 Protanomaly 1% of men, 0.01% of women
#0370d5 Deuteranomaly 6% of men, 0.4% of women
#0376af Tritanomaly 0.01% of the population