#220aff hex color

In a RGB color space, hex #220aff is composed of 13.3% red, 3.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 96.1% magenta, 0% yellow and 0% black. It has a hue angle of 245.9 degrees, a saturation of 100% and a lightness of 52%. #220aff color hex could be obtained by blending #4414ff with #0000ff. Closest websafe color is: #3300ff.

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

● #220aff color description : Vivid blue.

The hexadecimal color #220aff has RGB values of R:34, G:10, B:255 and CMYK values of C:0.87, M:0.96, Y:0, K:0. Its decimal value is 2231039.

Hex triplet	220aff	`#220aff`
RGB Decimal	34, 10, 255	`rgb(34,10,255)`
RGB Percent	13.3, 3.9, 100	`rgb(13.3%,3.9%,100%)`
CMYK	87, 96, 0, 0
HSL	245.9°, 100, 52	`hsl(245.9,100%,52%)`
HSV (or HSB)	245.9°, 96.1, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.512, 77.988, -105.821
XYZ	18.815, 7.776, 95.112
xyY	0.155, 0.064, 7.776
CIE-LCH	33.512, 131.454, 306.39
CIE-LUV	33.512, -8.272, -131.576
Hunter-Lab	27.885, 71.639, -182.709
Binary	00100010, 00001010, 11111111

#220aff
```
#220aff rgb(34,10,255)
```
#e7ff0a
```
#e7ff0a rgb(231,255,10)
```

Complementary Color

#0a6dff
```
#0a6dff rgb(10,109,255)
```
#220aff
```
#220aff rgb(34,10,255)
```
#9d0aff
```
#9d0aff rgb(157,10,255)
```

Analogous Color

#6dff0a
```
#6dff0a rgb(109,255,10)
```
#220aff
```
#220aff rgb(34,10,255)
```
#ff9d0a
```
#ff9d0a rgb(255,157,10)
```

Split Complementary Color

#0aff22
```
#0aff22 rgb(10,255,34)
```
#220aff
```
#220aff rgb(34,10,255)
```
#ff220a
```
#ff220a rgb(255,34,10)
```

Triadic Color

#0ae7ff
```
#0ae7ff rgb(10,231,255)
```
#220aff
```
#220aff rgb(34,10,255)
```
#ff220a
```
#ff220a rgb(255,34,10)
```
#e7ff0a
```
#e7ff0a rgb(231,255,10)
```

Tetradic Color

#1200bd
```
#1200bd rgb(18,0,189)
```
#1500d6
```
#1500d6 rgb(21,0,214)
```
#1700f0
```
#1700f0 rgb(23,0,240)
```
#220aff
```
#220aff rgb(34,10,255)
```
#3924ff
```
#3924ff rgb(57,36,255)
```
#503dff
```
#503dff rgb(80,61,255)
```
#6757ff
```
#6757ff rgb(103,87,255)
```

Monochromatic Color

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

#0a2fff
```
#0a2fff rgb(10,47,255)
```
#0a1bff
```
#0a1bff rgb(10,27,255)
```
#0e0aff
```
#0e0aff rgb(14,10,255)
```
#220aff
```
#220aff rgb(34,10,255)
```
#360aff
```
#360aff rgb(54,10,255)
```
#4b0aff
```
#4b0aff rgb(75,10,255)
```
#5f0aff
```
#5f0aff rgb(95,10,255)
```

Similar Colors

Text with hexadecimal color #220aff

This text has a font color of #220aff.

<span style="color:#220aff;">Text here</span>

#220aff background color

This paragraph has a background color of #220aff.

<p style="background-color:#220aff;">Content here</p>

#220aff border color

This element has a border color of #220aff.

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

CSS codes

.text {color:#220aff;}

.background {background-color:#220aff;}

.border {border:1px solid #220aff;}

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

#01000a
```
#01000a rgb(1,0,10)
```
#03001e
```
#03001e rgb(3,0,30)
```
#050031
```
#050031 rgb(5,0,49)
```
#070045
```
#070045 rgb(7,0,69)
```
#090058
```
#090058 rgb(9,0,88)
```
#0b006c
```
#0b006c rgb(11,0,108)
```
#0d0080
```
#0d0080 rgb(13,0,128)
```
#0e0093
```
#0e0093 rgb(14,0,147)
```
#1000a7
```
#1000a7 rgb(16,0,167)
```
#1200bb
```
#1200bb rgb(18,0,187)
```
#1400ce
```
#1400ce rgb(20,0,206)
```
#1600e2
```
#1600e2 rgb(22,0,226)
```
#1800f5
```
#1800f5 rgb(24,0,245)
```

Shade Color Variation

#220aff
```
#220aff rgb(34,10,255)
```
#341eff
```
#341eff rgb(52,30,255)
```
#4531ff
```
#4531ff rgb(69,49,255)
```
#5745ff
```
#5745ff rgb(87,69,255)
```
#6958ff
```
#6958ff rgb(105,88,255)
```
#7a6cff
```
#7a6cff rgb(122,108,255)
```
#8c80ff
```
#8c80ff rgb(140,128,255)
```
#9e93ff
```
#9e93ff rgb(158,147,255)
```
#b0a7ff
```
#b0a7ff rgb(176,167,255)
```
#c1bbff
```
#c1bbff rgb(193,187,255)
```
#d3ceff
```
#d3ceff rgb(211,206,255)
```
#e5e2ff
```
#e5e2ff rgb(229,226,255)
```
#f6f5ff
```
#f6f5ff rgb(246,245,255)
```

Tint Color Variation

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

#7d7b8e
```
#7d7b8e rgb(125,123,142)
```
#757297
```
#757297 rgb(117,114,151)
```
#6e68a1
```
#6e68a1 rgb(110,104,161)
```
#665faa
```
#665faa rgb(102,95,170)
```
#5f55b4
```
#5f55b4 rgb(95,85,180)
```
#574cbd
```
#574cbd rgb(87,76,189)
```
#4f43c6
```
#4f43c6 rgb(79,67,198)
```
#4839d0
```
#4839d0 rgb(72,57,208)
```
#4030d9
```
#4030d9 rgb(64,48,217)
```
#3926e3
```
#3926e3 rgb(57,38,227)
```
#311dec
```
#311dec rgb(49,29,236)
```
#2a13f6
```
#2a13f6 rgb(42,19,246)
```
#220aff
```
#220aff rgb(34,10,255)
```

Tone Color Variation

Below, you can see how #220aff 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

#2d2d2d Achromatopsia 0.005% of the population
#2b2657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0c3ac6 Protanomaly 1% of men, 0.01% of women
#0c3db7 Deuteranomaly 6% of men, 0.4% of women
#0c419c Tritanomaly 0.01% of the population

#220aff hex color

#220aff Color Information

#220aff Color Conversion

Color Schemes with #220aff

Alternatives to #220aff

#220aff Preview

Shades and Tints of #220aff

Tones of #220aff

Color Blindness Simulator