#0a55ff hex color

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

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

● #0a55ff color description : Vivid blue.

The hexadecimal color #0a55ff has RGB values of R:10, G:85, B:255 and CMYK values of C:0.96, M:0.67, Y:0, K:0. Its decimal value is 677375.

Hex triplet	0a55ff	`#0a55ff`
RGB Decimal	10, 85, 255	`rgb(10,85,255)`
RGB Percent	3.9, 33.3, 100	`rgb(3.9%,33.3%,100%)`
CMYK	96, 67, 0, 0
HSL	221.6°, 100, 52	`hsl(221.6,100%,52%)`
HSV (or HSB)	221.6°, 96.1, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.915, 46.017, -88.565
XYZ	21.42, 13.78, 96.133
xyY	0.163, 0.105, 13.78
CIE-LCH	43.915, 99.806, 297.456
CIE-LUV	43.915, -18.246, -130.297
Hunter-Lab	37.121, 38.038, -127.56
Binary	00001010, 01010101, 11111111

#0a55ff
```
#0a55ff rgb(10,85,255)
```
#ffb40a
```
#ffb40a rgb(255,180,10)
```

Complementary Color

#0ad0ff
```
#0ad0ff rgb(10,208,255)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#390aff
```
#390aff rgb(57,10,255)
```

Analogous Color

#d0ff0a
```
#d0ff0a rgb(208,255,10)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#ff390a
```
#ff390a rgb(255,57,10)
```

Split Complementary Color

#55ff0a
```
#55ff0a rgb(85,255,10)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#ff0a55
```
#ff0a55 rgb(255,10,85)
```

Triadic Color

#0affb4
```
#0affb4 rgb(10,255,180)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#ff0a55
```
#ff0a55 rgb(255,10,85)
```
#ffb40a
```
#ffb40a rgb(255,180,10)
```

Tetradic Color

#003abd
```
#003abd rgb(0,58,189)
```
#0042d6
```
#0042d6 rgb(0,66,214)
```
#0049f0
```
#0049f0 rgb(0,73,240)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#2467ff
```
#2467ff rgb(36,103,255)
```
#3d78ff
```
#3d78ff rgb(61,120,255)
```
#578aff
```
#578aff rgb(87,138,255)
```

Monochromatic Color

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

#0a92ff
```
#0a92ff rgb(10,146,255)
```
#0a7eff
```
#0a7eff rgb(10,126,255)
```
#0a69ff
```
#0a69ff rgb(10,105,255)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```
#0a41ff
```
#0a41ff rgb(10,65,255)
```
#0a2cff
```
#0a2cff rgb(10,44,255)
```
#0a18ff
```
#0a18ff rgb(10,24,255)
```

Similar Colors

Text with hexadecimal color #0a55ff

This text has a font color of #0a55ff.

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

#0a55ff background color

This paragraph has a background color of #0a55ff.

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

#0a55ff border color

This element has a border color of #0a55ff.

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

CSS codes

.text {color:#0a55ff;}

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

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

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)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000f31
```
#000f31 rgb(0,15,49)
```
#001545
```
#001545 rgb(0,21,69)
```
#001b58
```
#001b58 rgb(0,27,88)
```
#00216c
```
#00216c rgb(0,33,108)
```
#002780
```
#002780 rgb(0,39,128)
```
#002d93
```
#002d93 rgb(0,45,147)
```
#0033a7
```
#0033a7 rgb(0,51,167)
```
#0039bb
```
#0039bb rgb(0,57,187)
```
#003fce
```
#003fce rgb(0,63,206)
```
#0045e2
```
#0045e2 rgb(0,69,226)
```
#004bf5
```
#004bf5 rgb(0,75,245)
```

Shade Color Variation

#0a55ff
```
#0a55ff rgb(10,85,255)
```
#1e63ff
```
#1e63ff rgb(30,99,255)
```
#3170ff
```
#3170ff rgb(49,112,255)
```
#457eff
```
#457eff rgb(69,126,255)
```
#588bff
```
#588bff rgb(88,139,255)
```
#6c99ff
```
#6c99ff rgb(108,153,255)
```
#80a7ff
```
#80a7ff rgb(128,167,255)
```
#93b4ff
```
#93b4ff rgb(147,180,255)
```
#a7c2ff
```
#a7c2ff rgb(167,194,255)
```
#bbcfff
```
#bbcfff rgb(187,207,255)
```
#ceddff
```
#ceddff rgb(206,221,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#7b818e
```
#7b818e rgb(123,129,142)
```
#727d97
```
#727d97 rgb(114,125,151)
```
#687aa1
```
#687aa1 rgb(104,122,161)
```
#5f76aa
```
#5f76aa rgb(95,118,170)
```
#5572b4
```
#5572b4 rgb(85,114,180)
```
#4c6fbd
```
#4c6fbd rgb(76,111,189)
```
#436bc6
```
#436bc6 rgb(67,107,198)
```
#3967d0
```
#3967d0 rgb(57,103,208)
```
#3064d9
```
#3064d9 rgb(48,100,217)
```
#2660e3
```
#2660e3 rgb(38,96,227)
```
#1d5cec
```
#1d5cec rgb(29,92,236)
```
#1359f6
```
#1359f6 rgb(19,89,246)
```
#0a55ff
```
#0a55ff rgb(10,85,255)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#445375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0363e3 Protanomaly 1% of men, 0.01% of women
#0367d1 Deuteranomaly 6% of men, 0.4% of women
#036dae Tritanomaly 0.01% of the population

#0a55ff hex color

#0a55ff Color Information

#0a55ff Color Conversion

Color Schemes with #0a55ff

Alternatives to #0a55ff

#0a55ff Preview

Shades and Tints of #0a55ff

Tones of #0a55ff

Color Blindness Simulator