colorhexa.com

#0a4af7 hex color

In a RGB color space, hex #0a4af7 is composed of 3.9% red, 29% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 70% magenta, 0% yellow and 3.1% black. It has a hue angle of 223.8 degrees, a saturation of 93.7% and a lightness of 50.4%. #0a4af7 color hex could be obtained by blending #1494ff with #0000ef. Closest websafe color is: #0033ff.

- R 4
- G 29
- B 97
RGB color chart
- C 96
- M 70
- Y 0
- K 3
CMYK color chart

● #0a4af7 color description : Vivid blue.

The hexadecimal color #0a4af7 has RGB values of R:10, G:74, B:247 and CMYK values of C:0.96, M:0.7, Y:0, K:0.03. Its decimal value is 674551.

Hex triplet	0a4af7	`#0a4af7`
RGB Decimal	10, 74, 247	`rgb(10,74,247)`
RGB Percent	3.9, 29, 96.9	`rgb(3.9%,29%,96.9%)`
CMYK	96, 70, 0, 3
HSL	223.8°, 93.7, 50.4	`hsl(223.8,93.7%,50.4%)`
HSV (or HSB)	223.8°, 96, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.696, 49.803, -89.404
XYZ	19.359, 11.676, 89.224
xyY	0.161, 0.097, 11.676
CIE-LCH	40.696, 102.339, 299.12
CIE-LUV	40.696, -16.025, -127.484
Hunter-Lab	34.17, 41.332, -130.898
Binary	00001010, 01001010, 11110111

#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#f7b70a
```
#f7b70a rgb(247,183,10)
```

Complementary Color

#0ac1f7
```
#0ac1f7 rgb(10,193,247)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#400af7
```
#400af7 rgb(64,10,247)
```

Analogous Color

#c1f70a
```
#c1f70a rgb(193,247,10)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#f7410a
```
#f7410a rgb(247,65,10)
```

Split Complementary Color

#4af70a
```
#4af70a rgb(74,247,10)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#f70a4a
```
#f70a4a rgb(247,10,74)
```

Triadic Color

#0af7b7
```
#0af7b7 rgb(10,247,183)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#f70a4a
```
#f70a4a rgb(247,10,74)
```
#f7b70a
```
#f7b70a rgb(247,183,10)
```

Tetradic Color

#0633af
```
#0633af rgb(6,51,175)
```
#073bc7
```
#073bc7 rgb(7,59,199)
```
#0742e0
```
#0742e0 rgb(7,66,224)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#235cf8
```
#235cf8 rgb(35,92,248)
```
#3b6ef9
```
#3b6ef9 rgb(59,110,249)
```
#5481f9
```
#5481f9 rgb(84,129,249)
```

Monochromatic Color

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

#0a85f7
```
#0a85f7 rgb(10,133,247)
```
#0a72f7
```
#0a72f7 rgb(10,114,247)
```
#0a5ef7
```
#0a5ef7 rgb(10,94,247)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#0a36f7
```
#0a36f7 rgb(10,54,247)
```
#0a23f7
```
#0a23f7 rgb(10,35,247)
```
#0a0ff7
```
#0a0ff7 rgb(10,15,247)
```

Similar Colors

Text with hexadecimal color #0a4af7

This text has a font color of #0a4af7.

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

#0a4af7 background color

This paragraph has a background color of #0a4af7.

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

#0a4af7 border color

This element has a border color of #0a4af7.

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

CSS codes

.text {color:#0a4af7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010615
```
#010615 rgb(1,6,21)
```
#010c28
```
#010c28 rgb(1,12,40)
```
#02113b
```
#02113b rgb(2,17,59)
```
#03174e
```
#03174e rgb(3,23,78)
```
#031c61
```
#031c61 rgb(3,28,97)
```
#042274
```
#042274 rgb(4,34,116)
```
#042887
```
#042887 rgb(4,40,135)
```
#052d9a
```
#052d9a rgb(5,45,154)
```
#0633ad
```
#0633ad rgb(6,51,173)
```
#0638c0
```
#0638c0 rgb(6,56,192)
```
#073ed3
```
#073ed3 rgb(7,62,211)
```
#0844e6
```
#0844e6 rgb(8,68,230)
```

Shade Color Variation

#0a4af7
```
#0a4af7 rgb(10,74,247)
```
#1d58f8
```
#1d58f8 rgb(29,88,248)
```
#3066f8
```
#3066f8 rgb(48,102,248)
```
#4374f9
```
#4374f9 rgb(67,116,249)
```
#5682f9
```
#5682f9 rgb(86,130,249)
```
#6990fa
```
#6990fa rgb(105,144,250)
```
#7c9efb
```
#7c9efb rgb(124,158,251)
```
#8facfb
```
#8facfb rgb(143,172,251)
```
#a2bafc
```
#a2bafc rgb(162,186,252)
```
#b5c8fd
```
#b5c8fd rgb(181,200,253)
```
#c8d6fd
```
#c8d6fd rgb(200,214,253)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#eef2fe
```
#eef2fe rgb(238,242,254)
```

Tint Color Variation

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

#7f8082
```
#7f8082 rgb(127,128,130)
```
#757b8c
```
#757b8c rgb(117,123,140)
```
#6b7796
```
#6b7796 rgb(107,119,150)
```
#62729f
```
#62729f rgb(98,114,159)
```
#586ea9
```
#586ea9 rgb(88,110,169)
```
#4e69b3
```
#4e69b3 rgb(78,105,179)
```
#4465bd
```
#4465bd rgb(68,101,189)
```
#3b60c6
```
#3b60c6 rgb(59,96,198)
```
#315cd0
```
#315cd0 rgb(49,92,208)
```
#2757da
```
#2757da rgb(39,87,218)
```
#1d53e4
```
#1d53e4 rgb(29,83,228)
```
#144eed
```
#144eed rgb(20,78,237)
```
#0a4af7
```
#0a4af7 rgb(10,74,247)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3e4b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#035bd7 Protanomaly 1% of men, 0.01% of women
#035fc6 Deuteranomaly 6% of men, 0.4% of women
#0363a6 Tritanomaly 0.01% of the population