#226bb5 Color Information
In a RGB color space, hex #226bb5 is composed of 13.3% red, 42% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 40.9% magenta, 0% yellow and 29% black. It has a hue angle of 210.2 degrees, a saturation of 68.4% and a lightness of 42.2%. #226bb5 color hex could be obtained by blending #44d6ff with #00006b. Closest websafe color is: #3366cc.
-
- R 13
- G 42
- B 71
-
- C 81
- M 41
- Y 0
- K 29
● #226bb5 color description : Strong blue.
#226bb5 Color Conversion
The hexadecimal color #226bb5 has RGB values of R:34, G:107, B:181 and CMYK values of C:0.81, M:0.41, Y:0, K:0.29. Its decimal value is 2255797.
Hex triplet | 226bb5 | #226bb5 |
---|---|---|
RGB Decimal | 34, 107, 181 | rgb(34,107,181) |
RGB Percent | 13.3, 42, 71 | rgb(13.3%,42%,71%) |
CMYK | 81, 41, 0, 29 | |
HSL | 210.2°, 68.4, 42.2 | hsl(210.2,68.4%,42.2%) |
HSV (or HSB) | 210.2°, 81.2, 71 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.505, 4.861, -45.426 |
---|---|
XYZ | 14.256, 14.19, 45.701 |
xyY | 0.192, 0.191, 14.19 |
CIE-LCH | 44.505, 45.686, 276.108 |
CIE-LUV | 44.505, -23.88, -68.086 |
Hunter-Lab | 37.67, 1.629, -45.561 |
Binary | 00100010, 01101011, 10110101 |
Color Schemes with #226bb5
Alternatives to #226bb5
Below, you can see some colors close to #226bb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#226bb5 Preview
This text has a font color of #226bb5.
<span style="color:#226bb5;">Text here</span>
This paragraph has a background color of #226bb5.
<p style="background-color:#226bb5;">Content here</p>
This element has a border color of #226bb5.
<div style="border:1px solid #226bb5;">Content here</div>
.text {color:#226bb5;}
.background {background-color:#226bb5;}
.border {border:1px solid #226bb5;}
Shades and Tints of #226bb5
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, #030910 is the darkest color, while #feffff is the lightest one.
-
#030910
#030910
rgb(3,9,16)
-
#061320
#061320
rgb(6,19,32)
-
#091d31
#091d31
rgb(9,29,49)
-
#0c2741
#0c2741
rgb(12,39,65)
-
#0f3052
#0f3052
rgb(15,48,82)
-
#123a62
#123a62
rgb(18,58,98)
-
#164473
#164473
rgb(22,68,115)
-
#194e83
#194e83
rgb(25,78,131)
-
#1c5794
#1c5794
rgb(28,87,148)
-
#1f61a4
#1f61a4
rgb(31,97,164)
-
#226bb5
#226bb5
rgb(34,107,181)
-
#2575c6
#2575c6
rgb(37,117,198)
-
#287fd6
#287fd6
rgb(40,127,214)
-
#3888da
#3888da
rgb(56,136,218)
-
#4992dd
#4992dd
rgb(73,146,221)
-
#599ce0
#599ce0
rgb(89,156,224)
-
#6aa6e3
#6aa6e3
rgb(106,166,227)
-
#7ab0e6
#7ab0e6
rgb(122,176,230)
-
#8bbae9
#8bbae9
rgb(139,186,233)
-
#9bc3ec
#9bc3ec
rgb(155,195,236)
-
#accdef
#accdef
rgb(172,205,239)
-
#bcd7f2
#bcd7f2
rgb(188,215,242)
-
#cde1f6
#cde1f6
rgb(205,225,246)
-
#ddebf9
#ddebf9
rgb(221,235,249)
-
#eef5fc
#eef5fc
rgb(238,245,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #226bb5
A tone is produced by adding gray to any pure hue. In this case, #646b73 is the less saturated color, while #016bd6 is the most saturated one.
-
#646b73
#646b73
rgb(100,107,115)
-
#5c6b7b
#5c6b7b
rgb(92,107,123)
-
#546b83
#546b83
rgb(84,107,131)
-
#4b6b8c
#4b6b8c
rgb(75,107,140)
-
#436b94
#436b94
rgb(67,107,148)
-
#3b6b9c
#3b6b9c
rgb(59,107,156)
-
#336ba4
#336ba4
rgb(51,107,164)
-
#2a6bad
#2a6bad
rgb(42,107,173)
-
#226bb5
#226bb5
rgb(34,107,181)
-
#1a6bbd
#1a6bbd
rgb(26,107,189)
-
#116bc6
#116bc6
rgb(17,107,198)
-
#096bce
#096bce
rgb(9,107,206)
-
#016bd6
#016bd6
rgb(1,107,214)
Color Blindness Simulator
Below, you can see how #226bb5 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.