#226ace hex color

In a RGB color space, hex #226ace is composed of 13.3% red, 41.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 48.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 214.9 degrees, a saturation of 71.7% and a lightness of 47.1%. #226ace color hex could be obtained by blending #44d4ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 81
RGB color chart
- C 83
- M 49
- Y 0
- K 19
CMYK color chart

● #226ace color description : Strong blue.

The hexadecimal color #226ace has RGB values of R:34, G:106, B:206 and CMYK values of C:0.83, M:0.49, Y:0, K:0.19. Its decimal value is 2255566.

Hex triplet	226ace	`#226ace`
RGB Decimal	34, 106, 206	`rgb(34,106,206)`
RGB Percent	13.3, 41.6, 80.8	`rgb(13.3%,41.6%,80.8%)`
CMYK	83, 49, 0, 19
HSL	214.9°, 71.7, 47.1	`hsl(214.9,71.7%,47.1%)`
HSV (or HSB)	214.9°, 83.5, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.775, 15.175, -57.833
XYZ	16.952, 15.103, 60.411
xyY	0.183, 0.163, 15.103
CIE-LCH	45.775, 59.791, 284.703
CIE-LUV	45.775, -22.727, -88.252
Hunter-Lab	38.863, 9.852, -64.961
Binary	00100010, 01101010, 11001110

#226ace
```
#226ace rgb(34,106,206)
```
#ce8622
```
#ce8622 rgb(206,134,34)
```

Complementary Color

#22c0ce
```
#22c0ce rgb(34,192,206)
```
#226ace
```
#226ace rgb(34,106,206)
```
#3022ce
```
#3022ce rgb(48,34,206)
```

Analogous Color

#c0ce22
```
#c0ce22 rgb(192,206,34)
```
#226ace
```
#226ace rgb(34,106,206)
```
#ce3022
```
#ce3022 rgb(206,48,34)
```

Split Complementary Color

#6ace22
```
#6ace22 rgb(106,206,34)
```
#226ace
```
#226ace rgb(34,106,206)
```
#ce226a
```
#ce226a rgb(206,34,106)
```

Triadic Color

#22ce86
```
#22ce86 rgb(34,206,134)
```
#226ace
```
#226ace rgb(34,106,206)
```
#ce226a
```
#ce226a rgb(206,34,106)
```
#ce8622
```
#ce8622 rgb(206,134,34)
```

Tetradic Color

#17488c
```
#17488c rgb(23,72,140)
```
#1b53a2
```
#1b53a2 rgb(27,83,162)
```
#1e5fb8
```
#1e5fb8 rgb(30,95,184)
```
#226ace
```
#226ace rgb(34,106,206)
```
#2d76dc
```
#2d76dc rgb(45,118,220)
```
#4385e0
```
#4385e0 rgb(67,133,224)
```
#5993e4
```
#5993e4 rgb(89,147,228)
```

Monochromatic Color

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

#2295ce
```
#2295ce rgb(34,149,206)
```
#2287ce
```
#2287ce rgb(34,135,206)
```
#2278ce
```
#2278ce rgb(34,120,206)
```
#226ace
```
#226ace rgb(34,106,206)
```
#225cce
```
#225cce rgb(34,92,206)
```
#224dce
```
#224dce rgb(34,77,206)
```
#223fce
```
#223fce rgb(34,63,206)
```

Similar Colors

Text with hexadecimal color #226ace

This text has a font color of #226ace.

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

#226ace background color

This paragraph has a background color of #226ace.

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

#226ace border color

This element has a border color of #226ace.

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

CSS codes

.text {color:#226ace;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#061326
```
#061326 rgb(6,19,38)
```
#091c36
```
#091c36 rgb(9,28,54)
```
#0c2547
```
#0c2547 rgb(12,37,71)
```
#0f2d58
```
#0f2d58 rgb(15,45,88)
```
#113669
```
#113669 rgb(17,54,105)
```
#143f7a
```
#143f7a rgb(20,63,122)
```
#17478b
```
#17478b rgb(23,71,139)
```
#1a509b
```
#1a509b rgb(26,80,155)
```
#1c59ac
```
#1c59ac rgb(28,89,172)
```
#1f61bd
```
#1f61bd rgb(31,97,189)
```
#226ace
```
#226ace rgb(34,106,206)
```

Shade Color Variation

#2873dc
```
#2873dc rgb(40,115,220)
```
#397ede
```
#397ede rgb(57,126,222)
```
#4a89e1
```
#4a89e1 rgb(74,137,225)
```
#5b94e4
```
#5b94e4 rgb(91,148,228)
```
#6b9fe7
```
#6b9fe7 rgb(107,159,231)
```
#7caae9
```
#7caae9 rgb(124,170,233)
```
#8db5ec
```
#8db5ec rgb(141,181,236)
```
#9ec0ef
```
#9ec0ef rgb(158,192,239)
```
#afcbf2
```
#afcbf2 rgb(175,203,242)
```
#c0d6f5
```
#c0d6f5 rgb(192,214,245)
```
#d0e1f7
```
#d0e1f7 rgb(208,225,247)
```
#e1ecfa
```
#e1ecfa rgb(225,236,250)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#75787b
```
#75787b rgb(117,120,123)
```
#6c7684
```
#6c7684 rgb(108,118,132)
```
#63758d
```
#63758d rgb(99,117,141)
```
#597397
```
#597397 rgb(89,115,151)
```
#5072a0
```
#5072a0 rgb(80,114,160)
```
#4770a9
```
#4770a9 rgb(71,112,169)
```
#3e6fb2
```
#3e6fb2 rgb(62,111,178)
```
#346dbc
```
#346dbc rgb(52,109,188)
```
#2b6cc5
```
#2b6cc5 rgb(43,108,197)
```
#226ace
```
#226ace rgb(34,106,206)
```
#1968d7
```
#1968d7 rgb(25,104,215)
```
#1067e0
```
#1067e0 rgb(16,103,224)
```
#0665ea
```
#0665ea rgb(6,101,234)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#546276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3870cf Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#306ecf Protanomaly 1% of men, 0.01% of women
#0c71c6 Deuteranomaly 6% of men, 0.4% of women
#0c77a0 Tritanomaly 0.01% of the population

#226ace hex color

#226ace Color Information

#226ace Color Conversion

Color Schemes with #226ace

Alternatives to #226ace

#226ace Preview

Shades and Tints of #226ace

Tones of #226ace

Color Blindness Simulator