#226ac5 hex color

In a RGB color space, hex #226ac5 is composed of 13.3% red, 41.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 46.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 213.5 degrees, a saturation of 70.6% and a lightness of 45.3%. #226ac5 color hex could be obtained by blending #44d4ff with #00008b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 77
RGB color chart
- C 83
- M 46
- Y 0
- K 23
CMYK color chart

● #226ac5 color description : Strong blue.

The hexadecimal color #226ac5 has RGB values of R:34, G:106, B:197 and CMYK values of C:0.83, M:0.46, Y:0, K:0.23. Its decimal value is 2255557.

Hex triplet	226ac5	`#226ac5`
RGB Decimal	34, 106, 197	`rgb(34,106,197)`
RGB Percent	13.3, 41.6, 77.3	`rgb(13.3%,41.6%,77.3%)`
CMYK	83, 46, 0, 23
HSL	213.5°, 70.6, 45.3	`hsl(213.5,70.6%,45.3%)`
HSV (or HSB)	213.5°, 82.7, 77.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.19, 11.69, -53.603
XYZ	15.889, 14.678, 54.816
xyY	0.186, 0.172, 14.678
CIE-LCH	45.19, 54.863, 282.303
CIE-LUV	45.19, -22.997, -81.364
Hunter-Lab	38.312, 6.985, -58.013
Binary	00100010, 01101010, 11000101

#226ac5
```
#226ac5 rgb(34,106,197)
```
#c57d22
```
#c57d22 rgb(197,125,34)
```

Complementary Color

#22bcc5
```
#22bcc5 rgb(34,188,197)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#2c22c5
```
#2c22c5 rgb(44,34,197)
```

Analogous Color

#bcc522
```
#bcc522 rgb(188,197,34)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#c52c22
```
#c52c22 rgb(197,44,34)
```

Split Complementary Color

#6ac522
```
#6ac522 rgb(106,197,34)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#c5226a
```
#c5226a rgb(197,34,106)
```

Triadic Color

#22c57d
```
#22c57d rgb(34,197,125)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#c5226a
```
#c5226a rgb(197,34,106)
```
#c57d22
```
#c57d22 rgb(197,125,34)
```

Tetradic Color

#174784
```
#174784 rgb(23,71,132)
```
#1a539a
```
#1a539a rgb(26,83,154)
```
#1e5eaf
```
#1e5eaf rgb(30,94,175)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#2776da
```
#2776da rgb(39,118,218)
```
#3d84dd
```
#3d84dd rgb(61,132,221)
```
#5291e1
```
#5291e1 rgb(82,145,225)
```

Monochromatic Color

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

#2293c5
```
#2293c5 rgb(34,147,197)
```
#2285c5
```
#2285c5 rgb(34,133,197)
```
#2278c5
```
#2278c5 rgb(34,120,197)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#225cc5
```
#225cc5 rgb(34,92,197)
```
#224fc5
```
#224fc5 rgb(34,79,197)
```
#2241c5
```
#2241c5 rgb(34,65,197)
```

Similar Colors

Text with hexadecimal color #226ac5

This text has a font color of #226ac5.

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

#226ac5 background color

This paragraph has a background color of #226ac5.

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

#226ac5 border color

This element has a border color of #226ac5.

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

CSS codes

.text {color:#226ac5;}

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

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

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, #02070d is the darkest color, while #fbfdfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#05101e
```
#05101e rgb(5,16,30)
```
#08192e
```
#08192e rgb(8,25,46)
```
#0b223f
```
#0b223f rgb(11,34,63)
```
#0e2b50
```
#0e2b50 rgb(14,43,80)
```
#113461
```
#113461 rgb(17,52,97)
```
#143d71
```
#143d71 rgb(20,61,113)
```
#164682
```
#164682 rgb(22,70,130)
```
#194f93
```
#194f93 rgb(25,79,147)
```
#1c58a4
```
#1c58a4 rgb(28,88,164)
```
#1f61b4
```
#1f61b4 rgb(31,97,180)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#2573d6
```
#2573d6 rgb(37,115,214)
```

Shade Color Variation

#337ddc
```
#337ddc rgb(51,125,220)
```
#4388df
```
#4388df rgb(67,136,223)
```
#5492e1
```
#5492e1 rgb(84,146,225)
```
#659de4
```
#659de4 rgb(101,157,228)
```
#75a8e7
```
#75a8e7 rgb(117,168,231)
```
#86b2ea
```
#86b2ea rgb(134,178,234)
```
#97bded
```
#97bded rgb(151,189,237)
```
#a8c8f0
```
#a8c8f0 rgb(168,200,240)
```
#b8d2f3
```
#b8d2f3 rgb(184,210,243)
```
#c9ddf6
```
#c9ddf6 rgb(201,221,246)
```
#dae7f9
```
#dae7f9 rgb(218,231,249)
```
#ebf2fb
```
#ebf2fb rgb(235,242,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727375 is the less saturated color, while #0767e0 is the most saturated one.

#727375
```
#727375 rgb(114,115,117)
```
#69727e
```
#69727e rgb(105,114,126)
```
#607187
```
#607187 rgb(96,113,135)
```
#577090
```
#577090 rgb(87,112,144)
```
#4e6f99
```
#4e6f99 rgb(78,111,153)
```
#466ea1
```
#466ea1 rgb(70,110,161)
```
#3d6daa
```
#3d6daa rgb(61,109,170)
```
#346cb3
```
#346cb3 rgb(52,108,179)
```
#2b6bbc
```
#2b6bbc rgb(43,107,188)
```
#226ac5
```
#226ac5 rgb(34,106,197)
```
#1969ce
```
#1969ce rgb(25,105,206)
```
#1068d7
```
#1068d7 rgb(16,104,215)
```
#0767e0
```
#0767e0 rgb(7,103,224)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#536173 Atypical Achromatopsia 0.001% of the population

Dichromacy

#426fc6 Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#366dc5 Protanomaly 1% of men, 0.01% of women
#0c70c2 Deuteranomaly 6% of men, 0.4% of women
#0c769c Tritanomaly 0.01% of the population

#226ac5 hex color

#226ac5 Color Information

#226ac5 Color Conversion

Color Schemes with #226ac5

Alternatives to #226ac5

#226ac5 Preview

Shades and Tints of #226ac5

Tones of #226ac5

Color Blindness Simulator