#0a4dff hex color

In a RGB color space, hex #0a4dff is composed of 3.9% red, 30.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 69.8% magenta, 0% yellow and 0% black. It has a hue angle of 223.6 degrees, a saturation of 100% and a lightness of 52%. #0a4dff color hex could be obtained by blending #149aff with #0000ff. 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

● #0a4dff color description : Vivid blue.

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

Hex triplet	0a4dff	`#0a4dff`
RGB Decimal	10, 77, 255	`rgb(10,77,255)`
RGB Percent	3.9, 30.2, 100	`rgb(3.9%,30.2%,100%)`
CMYK	96, 70, 0, 0
HSL	223.6°, 100, 52	`hsl(223.6,100%,52%)`
HSV (or HSB)	223.6°, 96.1, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.14, 50.829, -91.494
XYZ	20.825, 12.591, 95.935
xyY	0.161, 0.097, 12.591
CIE-LCH	42.14, 104.665, 299.054
CIE-LUV	42.14, -16.652, -131.784
Hunter-Lab	35.483, 42.667, -135.463
Binary	00001010, 01001101, 11111111

#0a4dff
```
#0a4dff rgb(10,77,255)
```
#ffbc0a
```
#ffbc0a rgb(255,188,10)
```

Complementary Color

#0ac8ff
```
#0ac8ff rgb(10,200,255)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#410aff
```
#410aff rgb(65,10,255)
```

Analogous Color

#c8ff0a
```
#c8ff0a rgb(200,255,10)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#ff410a
```
#ff410a rgb(255,65,10)
```

Split Complementary Color

#4dff0a
```
#4dff0a rgb(77,255,10)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#ff0a4d
```
#ff0a4d rgb(255,10,77)
```

Triadic Color

#0affbc
```
#0affbc rgb(10,255,188)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#ff0a4d
```
#ff0a4d rgb(255,10,77)
```
#ffbc0a
```
#ffbc0a rgb(255,188,10)
```

Tetradic Color

#0034bd
```
#0034bd rgb(0,52,189)
```
#003bd6
```
#003bd6 rgb(0,59,214)
```
#0041f0
```
#0041f0 rgb(0,65,240)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#2460ff
```
#2460ff rgb(36,96,255)
```
#3d72ff
```
#3d72ff rgb(61,114,255)
```
#5785ff
```
#5785ff rgb(87,133,255)
```

Monochromatic Color

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

#0a8aff
```
#0a8aff rgb(10,138,255)
```
#0a76ff
```
#0a76ff rgb(10,118,255)
```
#0a61ff
```
#0a61ff rgb(10,97,255)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```
#0a39ff
```
#0a39ff rgb(10,57,255)
```
#0a24ff
```
#0a24ff rgb(10,36,255)
```
#0a10ff
```
#0a10ff rgb(10,16,255)
```

Similar Colors

Text with hexadecimal color #0a4dff

This text has a font color of #0a4dff.

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

#0a4dff background color

This paragraph has a background color of #0a4dff.

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

#0a4dff border color

This element has a border color of #0a4dff.

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

CSS codes

.text {color:#0a4dff;}

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

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

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, #00030a is the darkest color, while #f5f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00081e
```
#00081e rgb(0,8,30)
```
#000d31
```
#000d31 rgb(0,13,49)
```
#001345
```
#001345 rgb(0,19,69)
```
#001858
```
#001858 rgb(0,24,88)
```
#001e6c
```
#001e6c rgb(0,30,108)
```
#002380
```
#002380 rgb(0,35,128)
```
#002893
```
#002893 rgb(0,40,147)
```
#002ea7
```
#002ea7 rgb(0,46,167)
```
#0033bb
```
#0033bb rgb(0,51,187)
```
#0038ce
```
#0038ce rgb(0,56,206)
```
#003ee2
```
#003ee2 rgb(0,62,226)
```
#0043f5
```
#0043f5 rgb(0,67,245)
```

Shade Color Variation

#0a4dff
```
#0a4dff rgb(10,77,255)
```
#1e5bff
```
#1e5bff rgb(30,91,255)
```
#316aff
```
#316aff rgb(49,106,255)
```
#4578ff
```
#4578ff rgb(69,120,255)
```
#5886ff
```
#5886ff rgb(88,134,255)
```
#6c94ff
```
#6c94ff rgb(108,148,255)
```
#80a3ff
```
#80a3ff rgb(128,163,255)
```
#93b1ff
```
#93b1ff rgb(147,177,255)
```
#a7bfff
```
#a7bfff rgb(167,191,255)
```
#bbcdff
```
#bbcdff rgb(187,205,255)
```
#cedcff
```
#cedcff rgb(206,220,255)
```
#e2eaff
```
#e2eaff rgb(226,234,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#7b808e
```
#7b808e rgb(123,128,142)
```
#727c97
```
#727c97 rgb(114,124,151)
```
#6878a1
```
#6878a1 rgb(104,120,161)
```
#5f73aa
```
#5f73aa rgb(95,115,170)
```
#556fb4
```
#556fb4 rgb(85,111,180)
```
#4c6bbd
```
#4c6bbd rgb(76,107,189)
```
#4367c6
```
#4367c6 rgb(67,103,198)
```
#3962d0
```
#3962d0 rgb(57,98,208)
```
#305ed9
```
#305ed9 rgb(48,94,217)
```
#265ae3
```
#265ae3 rgb(38,90,227)
```
#1d56ec
```
#1d56ec rgb(29,86,236)
```
#1351f6
```
#1351f6 rgb(19,81,246)
```
#0a4dff
```
#0a4dff rgb(10,77,255)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#0a4dff hex color

#0a4dff Color Information

#0a4dff Color Conversion

Color Schemes with #0a4dff

Alternatives to #0a4dff

#0a4dff Preview

Shades and Tints of #0a4dff

Tones of #0a4dff

Color Blindness Simulator