#220aaf hex color

In a RGB color space, hex #220aaf is composed of 13.3% red, 3.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 94.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 248.7 degrees, a saturation of 89.2% and a lightness of 36.3%. #220aaf color hex could be obtained by blending #4414ff with #00005f. Closest websafe color is: #330099.

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

● #220aaf color description : Dark blue.

The hexadecimal color #220aaf has RGB values of R:34, G:10, B:175 and CMYK values of C:0.81, M:0.94, Y:0, K:0.31. Its decimal value is 2230959.

Hex triplet	220aaf	`#220aaf`
RGB Decimal	34, 10, 175	`rgb(34,10,175)`
RGB Percent	13.3, 3.9, 68.6	`rgb(13.3%,3.9%,68.6%)`
CMYK	81, 94, 0, 31
HSL	248.7°, 89.2, 36.3	`hsl(248.7,89.2%,36.3%)`
HSV (or HSB)	248.7°, 94.3, 68.6
Web Safe	330099	`#330099`

CIE-LAB	22.485, 57.752, -77.849
XYZ	8.505, 3.652, 40.812
xyY	0.161, 0.069, 3.652
CIE-LCH	22.485, 96.931, 306.57
CIE-LUV	22.485, -4.287, -85.169
Hunter-Lab	19.11, 45.998, -113.247
Binary	00100010, 00001010, 10101111

#220aaf
```
#220aaf rgb(34,10,175)
```
#97af0a
```
#97af0a rgb(151,175,10)
```

Complementary Color

#0a45af
```
#0a45af rgb(10,69,175)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#750aaf
```
#750aaf rgb(117,10,175)
```

Analogous Color

#45af0a
```
#45af0a rgb(69,175,10)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#af750a
```
#af750a rgb(175,117,10)
```

Split Complementary Color

#0aaf22
```
#0aaf22 rgb(10,175,34)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#af220a
```
#af220a rgb(175,34,10)
```

Triadic Color

#0a97af
```
#0a97af rgb(10,151,175)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#af220a
```
#af220a rgb(175,34,10)
```
#97af0a
```
#97af0a rgb(151,175,10)
```

Tetradic Color

#140667
```
#140667 rgb(20,6,103)
```
#19077f
```
#19077f rgb(25,7,127)
```
#1d0997
```
#1d0997 rgb(29,9,151)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#270bc7
```
#270bc7 rgb(39,11,199)
```
#2b0ddf
```
#2b0ddf rgb(43,13,223)
```
#3414f2
```
#3414f2 rgb(52,20,242)
```

Monochromatic Color

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

#0a1baf
```
#0a1baf rgb(10,27,175)
```
#0a0eaf
```
#0a0eaf rgb(10,14,175)
```
#140aaf
```
#140aaf rgb(20,10,175)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#300aaf
```
#300aaf rgb(48,10,175)
```
#3d0aaf
```
#3d0aaf rgb(61,10,175)
```
#4b0aaf
```
#4b0aaf rgb(75,10,175)
```

Similar Colors

Text with hexadecimal color #220aaf

This text has a font color of #220aaf.

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

#220aaf background color

This paragraph has a background color of #220aaf.

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

#220aaf border color

This element has a border color of #220aaf.

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

CSS codes

.text {color:#220aaf;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#05021b
```
#05021b rgb(5,2,27)
```
#09032d
```
#09032d rgb(9,3,45)
```
#0c0440
```
#0c0440 rgb(12,4,64)
```
#100552
```
#100552 rgb(16,5,82)
```
#140665
```
#140665 rgb(20,6,101)
```
#170777
```
#170777 rgb(23,7,119)
```
#1b088a
```
#1b088a rgb(27,8,138)
```
#1e099c
```
#1e099c rgb(30,9,156)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#260bc2
```
#260bc2 rgb(38,11,194)
```
#290cd4
```
#290cd4 rgb(41,12,212)
```
#2d0de7
```
#2d0de7 rgb(45,13,231)
```

Shade Color Variation

#3616f2
```
#3616f2 rgb(54,22,242)
```
#4628f3
```
#4628f3 rgb(70,40,243)
```
#563bf4
```
#563bf4 rgb(86,59,244)
```
#664df5
```
#664df5 rgb(102,77,245)
```
#7660f6
```
#7660f6 rgb(118,96,246)
```
#8673f7
```
#8673f7 rgb(134,115,247)
```
#9685f8
```
#9685f8 rgb(150,133,248)
```
#a698f9
```
#a698f9 rgb(166,152,249)
```
#b6aafa
```
#b6aafa rgb(182,170,250)
```
#c6bdfb
```
#c6bdfb rgb(198,189,251)
```
#d6cffc
```
#d6cffc rgb(214,207,252)
```
#e6e2fd
```
#e6e2fd rgb(230,226,253)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5861 is the less saturated color, while #1d03b6 is the most saturated one.

#5a5861
```
#5a5861 rgb(90,88,97)
```
#545168
```
#545168 rgb(84,81,104)
```
#4f4a6f
```
#4f4a6f rgb(79,74,111)
```
#4a4376
```
#4a4376 rgb(74,67,118)
```
#453c7d
```
#453c7d rgb(69,60,125)
```
#403584
```
#403584 rgb(64,53,132)
```
#3b2e8b
```
#3b2e8b rgb(59,46,139)
```
#362693
```
#362693 rgb(54,38,147)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#2c18a1
```
#2c18a1 rgb(44,24,161)
```
#2711a8
```
#2711a8 rgb(39,17,168)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#1d03b6
```
#1d03b6 rgb(29,3,182)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#241f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004268 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#0c2b8c Protanomaly 1% of men, 0.01% of women
#0c2d82 Deuteranomaly 6% of men, 0.4% of women
#0c306e Tritanomaly 0.01% of the population

#220aaf hex color

#220aaf Color Information

#220aaf Color Conversion

Color Schemes with #220aaf

Alternatives to #220aaf

#220aaf Preview

Shades and Tints of #220aaf

Tones of #220aaf

Color Blindness Simulator