#226aaa hex color

In a RGB color space, hex #226aaa is composed of 13.3% red, 41.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 37.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 208.2 degrees, a saturation of 66.7% and a lightness of 40%. #226aaa color hex could be obtained by blending #44d4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 67
RGB color chart
- C 80
- M 38
- Y 0
- K 33
CMYK color chart

● #226aaa color description : Dark blue.

The hexadecimal color #226aaa has RGB values of R:34, G:106, B:170 and CMYK values of C:0.8, M:0.38, Y:0, K:0.33. Its decimal value is 2255530.

Hex triplet	226aaa	`#226aaa`
RGB Decimal	34, 106, 170	`rgb(34,106,170)`
RGB Percent	13.3, 41.6, 66.7	`rgb(13.3%,41.6%,66.7%)`
CMYK	80, 38, 0, 33
HSL	208.2°, 66.7, 40	`hsl(208.2,66.7%,40%)`
HSV (or HSB)	208.2°, 80, 66.7
Web Safe	336699	`#336699`

CIE-LAB	43.58, 1.253, -40.462
XYZ	13.068, 13.549, 39.955
xyY	0.196, 0.204, 13.549
CIE-LCH	43.58, 40.481, 271.774
CIE-LUV	43.58, -23.993, -59.822
Hunter-Lab	36.809, -1.047, -38.589
Binary	00100010, 01101010, 10101010

#226aaa
```
#226aaa rgb(34,106,170)
```
#aa6222
```
#aa6222 rgb(170,98,34)
```

Complementary Color

#22aaa6
```
#22aaa6 rgb(34,170,166)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#2226aa
```
#2226aa rgb(34,38,170)
```

Analogous Color

#aaa622
```
#aaa622 rgb(170,166,34)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#aa2226
```
#aa2226 rgb(170,34,38)
```

Split Complementary Color

#6aaa22
```
#6aaa22 rgb(106,170,34)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#aa226a
```
#aa226a rgb(170,34,106)
```

Triadic Color

#22aa62
```
#22aa62 rgb(34,170,98)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#aa226a
```
#aa226a rgb(170,34,106)
```
#aa6222
```
#aa6222 rgb(170,98,34)
```

Tetradic Color

#15426a
```
#15426a rgb(21,66,106)
```
#1a5080
```
#1a5080 rgb(26,80,128)
```
#1e5d95
```
#1e5d95 rgb(30,93,149)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#2677bf
```
#2677bf rgb(38,119,191)
```
#2b85d5
```
#2b85d5 rgb(43,133,213)
```
#4091d9
```
#4091d9 rgb(64,145,217)
```

Monochromatic Color

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

#228caa
```
#228caa rgb(34,140,170)
```
#2281aa
```
#2281aa rgb(34,129,170)
```
#2275aa
```
#2275aa rgb(34,117,170)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#225faa
```
#225faa rgb(34,95,170)
```
#2253aa
```
#2253aa rgb(34,83,170)
```
#2248aa
```
#2248aa rgb(34,72,170)
```

Similar Colors

Text with hexadecimal color #226aaa

This text has a font color of #226aaa.

<span style="color:#226aaa;">Text here</span>

#226aaa background color

This paragraph has a background color of #226aaa.

<p style="background-color:#226aaa;">Content here</p>

#226aaa border color

This element has a border color of #226aaa.

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

CSS codes

.text {color:#226aaa;}

.background {background-color:#226aaa;}

.border {border:1px solid #226aaa;}

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

#010407
```
#010407 rgb(1,4,7)
```
#050e17
```
#050e17 rgb(5,14,23)
```
#081827
```
#081827 rgb(8,24,39)
```
#0b2338
```
#0b2338 rgb(11,35,56)
```
#0e2d48
```
#0e2d48 rgb(14,45,72)
```
#123758
```
#123758 rgb(18,55,88)
```
#154169
```
#154169 rgb(21,65,105)
```
#184b79
```
#184b79 rgb(24,75,121)
```
#1b5689
```
#1b5689 rgb(27,86,137)
```
#1f609a
```
#1f609a rgb(31,96,154)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#2574ba
```
#2574ba rgb(37,116,186)
```
#297ecb
```
#297ecb rgb(41,126,203)
```

Shade Color Variation

#3188d6
```
#3188d6 rgb(49,136,214)
```
#4192d9
```
#4192d9 rgb(65,146,217)
```
#529bdc
```
#529bdc rgb(82,155,220)
```
#62a5e0
```
#62a5e0 rgb(98,165,224)
```
#72aee3
```
#72aee3 rgb(114,174,227)
```
#83b7e6
```
#83b7e6 rgb(131,183,230)
```
#93c1e9
```
#93c1e9 rgb(147,193,233)
```
#a3caed
```
#a3caed rgb(163,202,237)
```
#b4d4f0
```
#b4d4f0 rgb(180,212,240)
```
#c4ddf3
```
#c4ddf3 rgb(196,221,243)
```
#d5e7f7
```
#d5e7f7 rgb(213,231,247)
```
#e5f0fa
```
#e5f0fa rgb(229,240,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61666b is the less saturated color, while #036cc9 is the most saturated one.

#61666b
```
#61666b rgb(97,102,107)
```
#596773
```
#596773 rgb(89,103,115)
```
#51677b
```
#51677b rgb(81,103,123)
```
#496883
```
#496883 rgb(73,104,131)
```
#41688b
```
#41688b rgb(65,104,139)
```
#3a6992
```
#3a6992 rgb(58,105,146)
```
#32699a
```
#32699a rgb(50,105,154)
```
#2a6aa2
```
#2a6aa2 rgb(42,106,162)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#1a6ab2
```
#1a6ab2 rgb(26,106,178)
```
#126bba
```
#126bba rgb(18,107,186)
```
#0a6bc2
```
#0a6bc2 rgb(10,107,194)
```
#036cc9
```
#036cc9 rgb(3,108,201)
```

Tone Color Variation

Below, you can see how #226aaa 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

#5c5c5c Achromatopsia 0.005% of the population
#505f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#546caa Protanopia 1% of men
#3f6faf Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#426baa Protanomaly 1% of men, 0.01% of women
#356dad Deuteranomaly 6% of men, 0.4% of women
#0c7390 Tritanomaly 0.01% of the population

#226aaa hex color

#226aaa Color Information

#226aaa Color Conversion

Color Schemes with #226aaa

Alternatives to #226aaa

#226aaa Preview

Shades and Tints of #226aaa

Tones of #226aaa

Color Blindness Simulator