#0a4dfe hex color

In a RGB color space, hex #0a4dfe is composed of 3.9% red, 30.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 69.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 223.5 degrees, a saturation of 99.2% and a lightness of 51.8%. #0a4dfe color hex could be obtained by blending #149aff with #0000fd. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 4
- G 30
- B 100
RGB color chart
- C 96
- M 70
- Y 0
- K 0
CMYK color chart

● #0a4dfe color description : Vivid blue.

The hexadecimal color #0a4dfe has RGB values of R:10, G:77, B:254 and CMYK values of C:0.96, M:0.7, Y:0, K:0. Its decimal value is 675326.

Hex triplet	0a4dfe	`#0a4dfe`
RGB Decimal	10, 77, 254	`rgb(10,77,254)`
RGB Percent	3.9, 30.2, 99.6	`rgb(3.9%,30.2%,99.6%)`
CMYK	96, 70, 0, 0
HSL	223.5°, 99.2, 51.8	`hsl(223.5,99.2%,51.8%)`
HSV (or HSB)	223.5°, 96.1, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.041, 50.479, -91.1
XYZ	20.665, 12.526, 95.089
xyY	0.161, 0.098, 12.526
CIE-LCH	42.041, 104.151, 298.991
CIE-LUV	42.041, -16.645, -131.191
Hunter-Lab	35.393, 42.284, -134.52
Binary	00001010, 01001101, 11111110

#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#febb0a
```
#febb0a rgb(254,187,10)
```

Complementary Color

#0ac7fe
```
#0ac7fe rgb(10,199,254)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#410afe
```
#410afe rgb(65,10,254)
```

Analogous Color

#c7fe0a
```
#c7fe0a rgb(199,254,10)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#fe410a
```
#fe410a rgb(254,65,10)
```

Split Complementary Color

#4dfe0a
```
#4dfe0a rgb(77,254,10)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#fe0a4d
```
#fe0a4d rgb(254,10,77)
```

Triadic Color

#0afebb
```
#0afebb rgb(10,254,187)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#fe0a4d
```
#fe0a4d rgb(254,10,77)
```
#febb0a
```
#febb0a rgb(254,187,10)
```

Tetradic Color

#0134bb
```
#0134bb rgb(1,52,187)
```
#013bd4
```
#013bd4 rgb(1,59,212)
```
#0142ee
```
#0142ee rgb(1,66,238)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#235ffe
```
#235ffe rgb(35,95,254)
```
#3d72fe
```
#3d72fe rgb(61,114,254)
```
#5684fe
```
#5684fe rgb(86,132,254)
```

Monochromatic Color

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

#0a8afe
```
#0a8afe rgb(10,138,254)
```
#0a76fe
```
#0a76fe rgb(10,118,254)
```
#0a61fe
```
#0a61fe rgb(10,97,254)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#0a39fe
```
#0a39fe rgb(10,57,254)
```
#0a24fe
```
#0a24fe rgb(10,36,254)
```
#0a10fe
```
#0a10fe rgb(10,16,254)
```

Similar Colors

Text with hexadecimal color #0a4dfe

This text has a font color of #0a4dfe.

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

#0a4dfe background color

This paragraph has a background color of #0a4dfe.

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

#0a4dfe border color

This element has a border color of #0a4dfe.

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

CSS codes

.text {color:#0a4dfe;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00081c
```
#00081c rgb(0,8,28)
```
#000d30
```
#000d30 rgb(0,13,48)
```
#001344
```
#001344 rgb(0,19,68)
```
#001857
```
#001857 rgb(0,24,87)
```
#001e6b
```
#001e6b rgb(0,30,107)
```
#01237e
```
#01237e rgb(1,35,126)
```
#012892
```
#012892 rgb(1,40,146)
```
#012ea5
```
#012ea5 rgb(1,46,165)
```
#0133b9
```
#0133b9 rgb(1,51,185)
```
#0139cc
```
#0139cc rgb(1,57,204)
```
#013ee0
```
#013ee0 rgb(1,62,224)
```
#0144f3
```
#0144f3 rgb(1,68,243)
```

Shade Color Variation

#0a4dfe
```
#0a4dfe rgb(10,77,254)
```
#1e5bfe
```
#1e5bfe rgb(30,91,254)
```
#3169fe
```
#3169fe rgb(49,105,254)
```
#4578fe
```
#4578fe rgb(69,120,254)
```
#5886fe
```
#5886fe rgb(88,134,254)
```
#6c94fe
```
#6c94fe rgb(108,148,254)
```
#7fa2fe
```
#7fa2fe rgb(127,162,254)
```
#93b0ff
```
#93b0ff rgb(147,176,255)
```
#a6bfff
```
#a6bfff rgb(166,191,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#cddbff
```
#cddbff rgb(205,219,255)
```
#e1e9ff
```
#e1e9ff rgb(225,233,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#7c808c
```
#7c808c rgb(124,128,140)
```
#727c96
```
#727c96 rgb(114,124,150)
```
#69789f
```
#69789f rgb(105,120,159)
```
#5f73a9
```
#5f73a9 rgb(95,115,169)
```
#566fb2
```
#566fb2 rgb(86,111,178)
```
#4c6bbc
```
#4c6bbc rgb(76,107,188)
```
#4367c5
```
#4367c5 rgb(67,103,197)
```
#3962cf
```
#3962cf rgb(57,98,207)
```
#305ed8
```
#305ed8 rgb(48,94,216)
```
#265ae2
```
#265ae2 rgb(38,90,226)
```
#1d56eb
```
#1d56eb rgb(29,86,235)
```
#1351f5
```
#1351f5 rgb(19,81,245)
```
#0a4dfe
```
#0a4dfe rgb(10,77,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#404d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#035edd Protanomaly 1% of men, 0.01% of women
#0362cc Deuteranomaly 6% of men, 0.4% of women
#0367aa Tritanomaly 0.01% of the population

#0a4dfe hex color

#0a4dfe Color Information

#0a4dfe Color Conversion

Color Schemes with #0a4dfe

Alternatives to #0a4dfe

#0a4dfe Preview

Shades and Tints of #0a4dfe

Tones of #0a4dfe

Color Blindness Simulator