#0a4eff hex color

In a RGB color space, hex #0a4eff is composed of 3.9% red, 30.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 69.4% magenta, 0% yellow and 0% black. It has a hue angle of 223.3 degrees, a saturation of 100% and a lightness of 52%. #0a4eff color hex could be obtained by blending #149cff with #0000ff. Closest websafe color is: #0066ff.

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

● #0a4eff color description : Vivid blue.

The hexadecimal color #0a4eff has RGB values of R:10, G:78, B:255 and CMYK values of C:0.96, M:0.69, Y:0, K:0. Its decimal value is 675583.

Hex triplet	0a4eff	`#0a4eff`
RGB Decimal	10, 78, 255	`rgb(10,78,255)`
RGB Percent	3.9, 30.6, 100	`rgb(3.9%,30.6%,100%)`
CMYK	96, 69, 0, 0
HSL	223.3°, 100, 52	`hsl(223.3,100%,52%)`
HSV (or HSB)	223.3°, 96.1, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.356, 50.236, -91.137
XYZ	20.896, 12.732, 95.958
xyY	0.161, 0.098, 12.732
CIE-LCH	42.356, 104.066, 298.864
CIE-LUV	42.356, -16.842, -131.628
Hunter-Lab	35.681, 42.091, -134.473
Binary	00001010, 01001110, 11111111

#0a4eff
```
#0a4eff rgb(10,78,255)
```
#ffbb0a
```
#ffbb0a rgb(255,187,10)
```

Complementary Color

#0ac9ff
```
#0ac9ff rgb(10,201,255)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#400aff
```
#400aff rgb(64,10,255)
```

Analogous Color

#c9ff0a
```
#c9ff0a rgb(201,255,10)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#ff400a
```
#ff400a rgb(255,64,10)
```

Split Complementary Color

#4eff0a
```
#4eff0a rgb(78,255,10)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#ff0a4e
```
#ff0a4e rgb(255,10,78)
```

Triadic Color

#0affbb
```
#0affbb rgb(10,255,187)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#ff0a4e
```
#ff0a4e rgb(255,10,78)
```
#ffbb0a
```
#ffbb0a rgb(255,187,10)
```

Tetradic Color

#0034bd
```
#0034bd rgb(0,52,189)
```
#003bd6
```
#003bd6 rgb(0,59,214)
```
#0042f0
```
#0042f0 rgb(0,66,240)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#2460ff
```
#2460ff rgb(36,96,255)
```
#3d73ff
```
#3d73ff rgb(61,115,255)
```
#5785ff
```
#5785ff rgb(87,133,255)
```

Monochromatic Color

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

#0a8bff
```
#0a8bff rgb(10,139,255)
```
#0a77ff
```
#0a77ff rgb(10,119,255)
```
#0a62ff
```
#0a62ff rgb(10,98,255)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```
#0a3aff
```
#0a3aff rgb(10,58,255)
```
#0a25ff
```
#0a25ff rgb(10,37,255)
```
#0a11ff
```
#0a11ff rgb(10,17,255)
```

Similar Colors

Text with hexadecimal color #0a4eff

This text has a font color of #0a4eff.

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

#0a4eff background color

This paragraph has a background color of #0a4eff.

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

#0a4eff border color

This element has a border color of #0a4eff.

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

CSS codes

.text {color:#0a4eff;}

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

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

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)
```
#000e31
```
#000e31 rgb(0,14,49)
```
#001345
```
#001345 rgb(0,19,69)
```
#001958
```
#001958 rgb(0,25,88)
```
#001e6c
```
#001e6c rgb(0,30,108)
```
#002380
```
#002380 rgb(0,35,128)
```
#002993
```
#002993 rgb(0,41,147)
```
#002ea7
```
#002ea7 rgb(0,46,167)
```
#0034bb
```
#0034bb rgb(0,52,187)
```
#0039ce
```
#0039ce rgb(0,57,206)
```
#003fe2
```
#003fe2 rgb(0,63,226)
```
#0044f5
```
#0044f5 rgb(0,68,245)
```

Shade Color Variation

#0a4eff
```
#0a4eff rgb(10,78,255)
```
#1e5cff
```
#1e5cff rgb(30,92,255)
```
#316aff
```
#316aff rgb(49,106,255)
```
#4579ff
```
#4579ff rgb(69,121,255)
```
#5887ff
```
#5887ff rgb(88,135,255)
```
#6c95ff
```
#6c95ff rgb(108,149,255)
```
#80a3ff
```
#80a3ff rgb(128,163,255)
```
#93b1ff
```
#93b1ff rgb(147,177,255)
```
#a7bfff
```
#a7bfff rgb(167,191,255)
```
#bbceff
```
#bbceff rgb(187,206,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 #0a4eff is the most saturated one.

#7b808e
```
#7b808e rgb(123,128,142)
```
#727c97
```
#727c97 rgb(114,124,151)
```
#6878a1
```
#6878a1 rgb(104,120,161)
```
#5f74aa
```
#5f74aa rgb(95,116,170)
```
#5570b4
```
#5570b4 rgb(85,112,180)
```
#4c6bbd
```
#4c6bbd rgb(76,107,189)
```
#4367c6
```
#4367c6 rgb(67,103,198)
```
#3963d0
```
#3963d0 rgb(57,99,208)
```
#305fd9
```
#305fd9 rgb(48,95,217)
```
#265be3
```
#265be3 rgb(38,91,227)
```
#1d56ec
```
#1d56ec rgb(29,86,236)
```
#1352f6
```
#1352f6 rgb(19,82,246)
```
#0a4eff
```
#0a4eff rgb(10,78,255)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#404e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006fb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#035fde Protanomaly 1% of men, 0.01% of women
#0363cd Deuteranomaly 6% of men, 0.4% of women
#0367ab Tritanomaly 0.01% of the population

#0a4eff hex color

#0a4eff Color Information

#0a4eff Color Conversion

Color Schemes with #0a4eff

Alternatives to #0a4eff

#0a4eff Preview

Shades and Tints of #0a4eff

Tones of #0a4eff

Color Blindness Simulator