#0a3afd hex color

In a RGB color space, hex #0a3afd is composed of 3.9% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.1 degrees, a saturation of 98.4% and a lightness of 51.6%. #0a3afd color hex could be obtained by blending #1474ff with #0000fb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 23
- B 99
RGB color chart
- C 96
- M 77
- Y 0
- K 1
CMYK color chart

● #0a3afd color description : Vivid blue.

The hexadecimal color #0a3afd has RGB values of R:10, G:58, B:253 and CMYK values of C:0.96, M:0.77, Y:0, K:0.01. Its decimal value is 670461.

Hex triplet	0a3afd	`#0a3afd`
RGB Decimal	10, 58, 253	`rgb(10,58,253)`
RGB Percent	3.9, 22.7, 99.2	`rgb(3.9%,22.7%,99.2%)`
CMYK	96, 77, 0, 1
HSL	228.1°, 98.4, 51.6	`hsl(228.1,98.4%,51.6%)`
HSV (or HSB)	228.1°, 96, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.165, 60.739, -96.96
XYZ	19.364, 10.181, 93.868
xyY	0.157, 0.082, 10.181
CIE-LCH	38.165, 114.414, 302.065
CIE-LUV	38.165, -13.45, -132.159
Hunter-Lab	31.908, 52.491, -152.088
Binary	00001010, 00111010, 11111101

#0a3afd
```
#0a3afd rgb(10,58,253)
```
#fdcd0a
```
#fdcd0a rgb(253,205,10)
```

Complementary Color

#0ab4fd
```
#0ab4fd rgb(10,180,253)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#530afd
```
#530afd rgb(83,10,253)
```

Analogous Color

#b4fd0a
```
#b4fd0a rgb(180,253,10)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#fd530a
```
#fd530a rgb(253,83,10)
```

Split Complementary Color

#3afd0a
```
#3afd0a rgb(58,253,10)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#fd0a3a
```
#fd0a3a rgb(253,10,58)
```

Triadic Color

#0afdcd
```
#0afdcd rgb(10,253,205)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#fd0a3a
```
#fd0a3a rgb(253,10,58)
```
#fdcd0a
```
#fdcd0a rgb(253,205,10)
```

Tetradic Color

#0226b9
```
#0226b9 rgb(2,38,185)
```
#022bd2
```
#022bd2 rgb(2,43,210)
```
#0230ec
```
#0230ec rgb(2,48,236)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#234efd
```
#234efd rgb(35,78,253)
```
#3d63fd
```
#3d63fd rgb(61,99,253)
```
#5677fe
```
#5677fe rgb(86,119,254)
```

Monochromatic Color

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

#0a77fd
```
#0a77fd rgb(10,119,253)
```
#0a63fd
```
#0a63fd rgb(10,99,253)
```
#0a4efd
```
#0a4efd rgb(10,78,253)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```
#0a26fd
```
#0a26fd rgb(10,38,253)
```
#0a12fd
```
#0a12fd rgb(10,18,253)
```
#170afd
```
#170afd rgb(23,10,253)
```

Similar Colors

Text with hexadecimal color #0a3afd

This text has a font color of #0a3afd.

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

#0a3afd background color

This paragraph has a background color of #0a3afd.

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

#0a3afd border color

This element has a border color of #0a3afd.

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

CSS codes

.text {color:#0a3afd;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00061b
```
#00061b rgb(0,6,27)
```
#000a2f
```
#000a2f rgb(0,10,47)
```
#010e42
```
#010e42 rgb(1,14,66)
```
#011256
```
#011256 rgb(1,18,86)
```
#011569
```
#011569 rgb(1,21,105)
```
#01197d
```
#01197d rgb(1,25,125)
```
#011d90
```
#011d90 rgb(1,29,144)
```
#0121a4
```
#0121a4 rgb(1,33,164)
```
#0125b7
```
#0125b7 rgb(1,37,183)
```
#0229cb
```
#0229cb rgb(2,41,203)
```
#022dde
```
#022dde rgb(2,45,222)
```
#0231f1
```
#0231f1 rgb(2,49,241)
```

Shade Color Variation

#0a3afd
```
#0a3afd rgb(10,58,253)
```
#1d4afd
```
#1d4afd rgb(29,74,253)
```
#3159fd
```
#3159fd rgb(49,89,253)
```
#4469fd
```
#4469fd rgb(68,105,253)
```
#5879fe
```
#5879fe rgb(88,121,254)
```
#6b88fe
```
#6b88fe rgb(107,136,254)
```
#7f98fe
```
#7f98fe rgb(127,152,254)
```
#92a8fe
```
#92a8fe rgb(146,168,254)
```
#a6b7fe
```
#a6b7fe rgb(166,183,254)
```
#b9c7fe
```
#b9c7fe rgb(185,199,254)
```
#cdd6ff
```
#cdd6ff rgb(205,214,255)
```
#e0e6ff
```
#e0e6ff rgb(224,230,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#7c7f8b
```
#7c7f8b rgb(124,127,139)
```
#737995
```
#737995 rgb(115,121,149)
```
#69739e
```
#69739e rgb(105,115,158)
```
#606ea8
```
#606ea8 rgb(96,110,168)
```
#5668b1
```
#5668b1 rgb(86,104,177)
```
#4d62bb
```
#4d62bb rgb(77,98,187)
```
#435cc4
```
#435cc4 rgb(67,92,196)
```
#3a57ce
```
#3a57ce rgb(58,87,206)
```
#3051d7
```
#3051d7 rgb(48,81,215)
```
#274be1
```
#274be1 rgb(39,75,225)
```
#1d45ea
```
#1d45ea rgb(29,69,234)
```
#1440f4
```
#1440f4 rgb(20,64,244)
```
#0a3afd
```
#0a3afd rgb(10,58,253)
```

Tone Color Variation

Below, you can see how #0a3afd 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
#374067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c70 Tritanopia 0.001% of the population

Trichromacy

#0351d2 Protanomaly 1% of men, 0.01% of women
#0355c2 Deuteranomaly 6% of men, 0.4% of women
#035aa3 Tritanomaly 0.01% of the population

#0a3afd hex color

#0a3afd Color Information

#0a3afd Color Conversion

Color Schemes with #0a3afd

Alternatives to #0a3afd

#0a3afd Preview

Shades and Tints of #0a3afd

Tones of #0a3afd

Color Blindness Simulator