#226bb8 Color Information
In a RGB color space, hex #226bb8 is composed of 13.3% red, 42% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 41.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 210.8 degrees, a saturation of 68.8% and a lightness of 42.7%. #226bb8 color hex could be obtained by blending #44d6ff with #000071. Closest websafe color is: #3366cc.
-
- R 13
- G 42
- B 72
-
- C 82
- M 42
- Y 0
- K 28
● #226bb8 color description : Strong blue.
#226bb8 Color Conversion
The hexadecimal color #226bb8 has RGB values of R:34, G:107, B:184 and CMYK values of C:0.82, M:0.42, Y:0, K:0.28. Its decimal value is 2255800.
Hex triplet | 226bb8 | #226bb8 |
---|---|---|
RGB Decimal | 34, 107, 184 | rgb(34,107,184) |
RGB Percent | 13.3, 42, 72.2 | rgb(13.3%,42%,72.2%) |
CMYK | 82, 42, 0, 28 | |
HSL | 210.8°, 68.8, 42.7 | hsl(210.8,68.8%,42.7%) |
HSV (or HSB) | 210.8°, 81.5, 72.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.681, 6.02, -46.891 |
---|---|
XYZ | 14.567, 14.315, 47.34 |
xyY | 0.191, 0.188, 14.315 |
CIE-LCH | 44.681, 47.276, 277.315 |
CIE-LUV | 44.681, -23.765, -70.496 |
Hunter-Lab | 37.835, 2.514, -47.7 |
Binary | 00100010, 01101011, 10111000 |
Color Schemes with #226bb8
Alternatives to #226bb8
Below, you can see some colors close to #226bb8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#226bb8 Preview
This text has a font color of #226bb8.
<span style="color:#226bb8;">Text here</span>
This paragraph has a background color of #226bb8.
<p style="background-color:#226bb8;">Content here</p>
This element has a border color of #226bb8.
<div style="border:1px solid #226bb8;">Content here</div>
.text {color:#226bb8;}
.background {background-color:#226bb8;}
.border {border:1px solid #226bb8;}
Shades and Tints of #226bb8
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, #000102 is the darkest color, while #f0f6fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030b12
#030b12
rgb(3,11,18)
-
#061423
#061423
rgb(6,20,35)
-
#0a1e34
#0a1e34
rgb(10,30,52)
-
#0d2844
#0d2844
rgb(13,40,68)
-
#103155
#103155
rgb(16,49,85)
-
#133b65
#133b65
rgb(19,59,101)
-
#164476
#164476
rgb(22,68,118)
-
#194e86
#194e86
rgb(25,78,134)
-
#1c5897
#1c5897
rgb(28,88,151)
-
#1f61a7
#1f61a7
rgb(31,97,167)
-
#226bb8
#226bb8
rgb(34,107,184)
-
#2575c9
#2575c9
rgb(37,117,201)
-
#2a7ed8
#2a7ed8
rgb(42,126,216)
-
#3a88db
#3a88db
rgb(58,136,219)
-
#4b92de
#4b92de
rgb(75,146,222)
-
#5b9ce1
#5b9ce1
rgb(91,156,225)
-
#6ca6e4
#6ca6e4
rgb(108,166,228)
-
#7cb0e7
#7cb0e7
rgb(124,176,231)
-
#8dbaea
#8dbaea
rgb(141,186,234)
-
#9ec4ed
#9ec4ed
rgb(158,196,237)
-
#aecef0
#aecef0
rgb(174,206,240)
-
#bfd8f3
#bfd8f3
rgb(191,216,243)
-
#cfe2f6
#cfe2f6
rgb(207,226,246)
-
#e0ecf9
#e0ecf9
rgb(224,236,249)
-
#f0f6fc
#f0f6fc
rgb(240,246,252)
Tones of #226bb8
A tone is produced by adding gray to any pure hue. In this case, #656d75 is the less saturated color, while #006ada is the most saturated one.
-
#656d75
#656d75
rgb(101,109,117)
-
#5d6d7d
#5d6d7d
rgb(93,109,125)
-
#546c86
#546c86
rgb(84,108,134)
-
#4c6c8e
#4c6c8e
rgb(76,108,142)
-
#446c96
#446c96
rgb(68,108,150)
-
#3b6c9f
#3b6c9f
rgb(59,108,159)
-
#336ba7
#336ba7
rgb(51,107,167)
-
#2a6bb0
#2a6bb0
rgb(42,107,176)
-
#226bb8
#226bb8
rgb(34,107,184)
-
#1a6bc0
#1a6bc0
rgb(26,107,192)
-
#116bc9
#116bc9
rgb(17,107,201)
-
#096ad1
#096ad1
rgb(9,106,209)
-
#006ada
#006ada
rgb(0,106,218)
Color Blindness Simulator
Below, you can see how #226bb8 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.