#225bba Color Information
In a RGB color space, hex #225bba is composed of 13.3% red, 35.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 51.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 217.5 degrees, a saturation of 69.1% and a lightness of 43.1%. #225bba color hex could be obtained by blending #44b6ff with #000075. Closest websafe color is: #3366cc.
-
- R 13
- G 36
- B 73
-
- C 82
- M 51
- Y 0
- K 27
● #225bba color description : Strong blue.
#225bba Color Conversion
The hexadecimal color #225bba has RGB values of R:34, G:91, B:186 and CMYK values of C:0.82, M:0.51, Y:0, K:0.27. Its decimal value is 2251706.
Hex triplet | 225bba | #225bba |
---|---|---|
RGB Decimal | 34, 91, 186 | rgb(34,91,186) |
RGB Percent | 13.3, 35.7, 72.9 | rgb(13.3%,35.7%,72.9%) |
CMYK | 82, 51, 0, 27 | |
HSL | 217.5°, 69.1, 43.1 | hsl(217.5,69.1%,43.1%) |
HSV (or HSB) | 217.5°, 81.7, 72.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.191, 17.131, -55.278 |
---|---|
XYZ | 13.262, 11.366, 47.947 |
xyY | 0.183, 0.157, 11.366 |
CIE-LCH | 40.191, 57.871, 287.219 |
CIE-LUV | 40.191, -18.763, -81.544 |
Hunter-Lab | 33.714, 11.215, -60.72 |
Binary | 00100010, 01011011, 10111010 |
Color Schemes with #225bba
Alternatives to #225bba
Below, you can see some colors close to #225bba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225bba Preview
This text has a font color of #225bba.
<span style="color:#225bba;">Text here</span>
This paragraph has a background color of #225bba.
<p style="background-color:#225bba;">Content here</p>
This element has a border color of #225bba.
<div style="border:1px solid #225bba;">Content here</div>
.text {color:#225bba;}
.background {background-color:#225bba;}
.border {border:1px solid #225bba;}
Shades and Tints of #225bba
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 #f2f6fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#040a14
#040a14
rgb(4,10,20)
-
#071225
#071225
rgb(7,18,37)
-
#0a1a35
#0a1a35
rgb(10,26,53)
-
#0d2246
#0d2246
rgb(13,34,70)
-
#102a56
#102a56
rgb(16,42,86)
-
#133267
#133267
rgb(19,50,103)
-
#163b78
#163b78
rgb(22,59,120)
-
#194388
#194388
rgb(25,67,136)
-
#1c4b99
#1c4b99
rgb(28,75,153)
-
#1f53a9
#1f53a9
rgb(31,83,169)
-
#225bba
#225bba
rgb(34,91,186)
-
#2563cb
#2563cb
rgb(37,99,203)
-
#2b6cd8
#2b6cd8
rgb(43,108,216)
-
#3c77db
#3c77db
rgb(60,119,219)
-
#4c83de
#4c83de
rgb(76,131,222)
-
#5d8ee1
#5d8ee1
rgb(93,142,225)
-
#6d9ae4
#6d9ae4
rgb(109,154,228)
-
#7ea5e7
#7ea5e7
rgb(126,165,231)
-
#8eb1ea
#8eb1ea
rgb(142,177,234)
-
#9fbced
#9fbced
rgb(159,188,237)
-
#b0c8f0
#b0c8f0
rgb(176,200,240)
-
#c0d3f4
#c0d3f4
rgb(192,211,244)
-
#d1dff7
#d1dff7
rgb(209,223,247)
-
#e1eafa
#e1eafa
rgb(225,234,250)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #225bba
A tone is produced by adding gray to any pure hue. In this case, #666c76 is the less saturated color, while #0053dc is the most saturated one.
-
#666c76
#666c76
rgb(102,108,118)
-
#5d6a7f
#5d6a7f
rgb(93,106,127)
-
#556887
#556887
rgb(85,104,135)
-
#4c6690
#4c6690
rgb(76,102,144)
-
#446398
#446398
rgb(68,99,152)
-
#3b61a1
#3b61a1
rgb(59,97,161)
-
#335fa9
#335fa9
rgb(51,95,169)
-
#2a5db2
#2a5db2
rgb(42,93,178)
-
#225bba
#225bba
rgb(34,91,186)
-
#1a59c2
#1a59c2
rgb(26,89,194)
-
#1157cb
#1157cb
rgb(17,87,203)
-
#0955d3
#0955d3
rgb(9,85,211)
-
#0053dc
#0053dc
rgb(0,83,220)
Color Blindness Simulator
Below, you can see how #225bba 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.