#226cb7 hex color

In a RGB color space, hex #226cb7 is composed of 13.3% red, 42.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 41% magenta, 0% yellow and 28.2% black. It has a hue angle of 210.2 degrees, a saturation of 68.7% and a lightness of 42.5%. #226cb7 color hex could be obtained by blending #44d8ff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 72
RGB color chart
- C 81
- M 41
- Y 0
- K 28
CMYK color chart

● #226cb7 color description : Strong blue.

The hexadecimal color #226cb7 has RGB values of R:34, G:108, B:183 and CMYK values of C:0.81, M:0.41, Y:0, K:0.28. Its decimal value is 2256055.

Hex triplet	226cb7	`#226cb7`
RGB Decimal	34, 108, 183	`rgb(34,108,183)`
RGB Percent	13.3, 42.4, 71.8	`rgb(13.3%,42.4%,71.8%)`
CMYK	81, 41, 0, 28
HSL	210.2°, 68.7, 42.5	`hsl(210.2,68.7%,42.5%)`
HSV (or HSB)	210.2°, 81.4, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.918, 5.003, -45.932
XYZ	14.568, 14.483, 46.825
xyY	0.192, 0.191, 14.483
CIE-LCH	44.918, 46.204, 276.217
CIE-LUV	44.918, -24.128, -69.028
Hunter-Lab	38.056, 1.729, -46.311
Binary	00100010, 01101100, 10110111

#226cb7
```
#226cb7 rgb(34,108,183)
```
#b76d22
```
#b76d22 rgb(183,109,34)
```

Complementary Color

#22b7b7
```
#22b7b7 rgb(34,183,183)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#2222b7
```
#2222b7 rgb(34,34,183)
```

Analogous Color

#b7b722
```
#b7b722 rgb(183,183,34)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#b72222
```
#b72222 rgb(183,34,34)
```

Split Complementary Color

#6cb722
```
#6cb722 rgb(108,183,34)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#b7226c
```
#b7226c rgb(183,34,108)
```

Triadic Color

#22b76d
```
#22b76d rgb(34,183,109)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#b7226c
```
#b7226c rgb(183,34,108)
```
#b76d22
```
#b76d22 rgb(183,109,34)
```

Tetradic Color

#164676
```
#164676 rgb(22,70,118)
```
#1a538c
```
#1a538c rgb(26,83,140)
```
#1e5fa1
```
#1e5fa1 rgb(30,95,161)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#2679cd
```
#2679cd rgb(38,121,205)
```
#3385d9
```
#3385d9 rgb(51,133,217)
```
#4892dd
```
#4892dd rgb(72,146,221)
```

Monochromatic Color

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

#2291b7
```
#2291b7 rgb(34,145,183)
```
#2285b7
```
#2285b7 rgb(34,133,183)
```
#2278b7
```
#2278b7 rgb(34,120,183)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#2260b7
```
#2260b7 rgb(34,96,183)
```
#2253b7
```
#2253b7 rgb(34,83,183)
```
#2247b7
```
#2247b7 rgb(34,71,183)
```

Similar Colors

Text with hexadecimal color #226cb7

This text has a font color of #226cb7.

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

#226cb7 background color

This paragraph has a background color of #226cb7.

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

#226cb7 border color

This element has a border color of #226cb7.

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

CSS codes

.text {color:#226cb7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030a12
```
#030a12 rgb(3,10,18)
```
#061422
```
#061422 rgb(6,20,34)
```
#091e33
```
#091e33 rgb(9,30,51)
```
#0c2843
```
#0c2843 rgb(12,40,67)
```
#103154
```
#103154 rgb(16,49,84)
```
#133b64
```
#133b64 rgb(19,59,100)
```
#164575
```
#164575 rgb(22,69,117)
```
#194f85
```
#194f85 rgb(25,79,133)
```
#1c5896
```
#1c5896 rgb(28,88,150)
```
#1f62a6
```
#1f62a6 rgb(31,98,166)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#2576c8
```
#2576c8 rgb(37,118,200)
```

Shade Color Variation

#2980d7
```
#2980d7 rgb(41,128,215)
```
#3a89da
```
#3a89da rgb(58,137,218)
```
#4a93dd
```
#4a93dd rgb(74,147,221)
```
#5b9de0
```
#5b9de0 rgb(91,157,224)
```
#6ba7e4
```
#6ba7e4 rgb(107,167,228)
```
#7cb1e7
```
#7cb1e7 rgb(124,177,231)
```
#8cbbea
```
#8cbbea rgb(140,187,234)
```
#9dc5ed
```
#9dc5ed rgb(157,197,237)
```
#adcef0
```
#adcef0 rgb(173,206,240)
```
#bed8f3
```
#bed8f3 rgb(190,216,243)
```
#cee2f6
```
#cee2f6 rgb(206,226,246)
```
#dfecf9
```
#dfecf9 rgb(223,236,249)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656c74 is the less saturated color, while #016cd8 is the most saturated one.

#656c74
```
#656c74 rgb(101,108,116)
```
#5c6c7d
```
#5c6c7d rgb(92,108,125)
```
#546c85
```
#546c85 rgb(84,108,133)
```
#4c6c8d
```
#4c6c8d rgb(76,108,141)
```
#436c96
```
#436c96 rgb(67,108,150)
```
#3b6c9e
```
#3b6c9e rgb(59,108,158)
```
#336ca6
```
#336ca6 rgb(51,108,166)
```
#2a6caf
```
#2a6caf rgb(42,108,175)
```
#226cb7
```
#226cb7 rgb(34,108,183)
```
#1a6cbf
```
#1a6cbf rgb(26,108,191)
```
#116cc8
```
#116cc8 rgb(17,108,200)
```
#096cd0
```
#096cd0 rgb(9,108,208)
```
#016cd8
```
#016cd8 rgb(1,108,216)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#526170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506fb7 Protanopia 1% of men
#3173ba Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#3f6eb7 Protanomaly 1% of men, 0.01% of women
#2b70b9 Deuteranomaly 6% of men, 0.4% of women
#0c7697 Tritanomaly 0.01% of the population

#226cb7 hex color

#226cb7 Color Information

#226cb7 Color Conversion

Color Schemes with #226cb7

Alternatives to #226cb7

#226cb7 Preview

Shades and Tints of #226cb7

Tones of #226cb7

Color Blindness Simulator