#225be2 Color Information
In a RGB color space, hex #225be2 is composed of 13.3% red, 35.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 59.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 222.2 degrees, a saturation of 76.8% and a lightness of 51%. #225be2 color hex could be obtained by blending #44b6ff with #0000c5. Closest websafe color is: #3366cc.
-
- R 13
- G 36
- B 89
-
- C 85
- M 60
- Y 0
- K 11
● #225be2 color description : Bright blue.
#225be2 Color Conversion
The hexadecimal color #225be2 has RGB values of R:34, G:91, B:226 and CMYK values of C:0.85, M:0.6, Y:0, K:0.11. Its decimal value is 2251746.
Hex triplet | 225be2 | #225be2 |
---|---|---|
RGB Decimal | 34, 91, 226 | rgb(34,91,226) |
RGB Percent | 13.3, 35.7, 88.6 | rgb(13.3%,35.7%,88.6%) |
CMYK | 85, 60, 0, 11 | |
HSL | 222.2°, 76.8, 51 | hsl(222.2,76.8%,51%) |
HSV (or HSB) | 222.2°, 85, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.229, 32.498, -73.374 |
---|---|
XYZ | 18.125, 13.312, 73.561 |
xyY | 0.173, 0.127, 13.312 |
CIE-LCH | 43.229, 80.248, 293.889 |
CIE-LUV | 43.229, -18.262, -109.648 |
Hunter-Lab | 36.485, 24.827, -94 |
Binary | 00100010, 01011011, 11100010 |
Color Schemes with #225be2
Alternatives to #225be2
Below, you can see some colors close to #225be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225be2 Preview
This text has a font color of #225be2.
<span style="color:#225be2;">Text here</span>
This paragraph has a background color of #225be2.
<p style="background-color:#225be2;">Content here</p>
This element has a border color of #225be2.
<div style="border:1px solid #225be2;">Content here</div>
.text {color:#225be2;}
.background {background-color:#225be2;}
.border {border:1px solid #225be2;}
Shades and Tints of #225be2
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 #f2f5fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030816
#030816
rgb(3,8,22)
-
#050f27
#050f27
rgb(5,15,39)
-
#071638
#071638
rgb(7,22,56)
-
#0a1d4a
#0a1d4a
rgb(10,29,74)
-
#0c235b
#0c235b
rgb(12,35,91)
-
#0e2a6c
#0e2a6c
rgb(14,42,108)
-
#11317e
#11317e
rgb(17,49,126)
-
#13388f
#13388f
rgb(19,56,143)
-
#153ea0
#153ea0
rgb(21,62,160)
-
#1745b2
#1745b2
rgb(23,69,178)
-
#1a4cc3
#1a4cc3
rgb(26,76,195)
-
#1c53d5
#1c53d5
rgb(28,83,213)
-
#225be2
#225be2
rgb(34,91,226)
-
#3368e4
#3368e4
rgb(51,104,228)
-
#4575e7
#4575e7
rgb(69,117,231)
-
#5682e9
#5682e9
rgb(86,130,233)
-
#678eeb
#678eeb
rgb(103,142,235)
-
#799bed
#799bed
rgb(121,155,237)
-
#8aa8f0
#8aa8f0
rgb(138,168,240)
-
#9bb5f2
#9bb5f2
rgb(155,181,242)
-
#adc2f4
#adc2f4
rgb(173,194,244)
-
#becff6
#becff6
rgb(190,207,246)
-
#cfdcf9
#cfdcf9
rgb(207,220,249)
-
#e1e9fb
#e1e9fb
rgb(225,233,251)
-
#f2f5fd
#f2f5fd
rgb(242,245,253)
Tones of #225be2
A tone is produced by adding gray to any pure hue. In this case, #797e8b is the less saturated color, while #054fff is the most saturated one.
-
#797e8b
#797e8b
rgb(121,126,139)
-
#6f7a95
#6f7a95
rgb(111,122,149)
-
#65769f
#65769f
rgb(101,118,159)
-
#5c72a8
#5c72a8
rgb(92,114,168)
-
#526fb2
#526fb2
rgb(82,111,178)
-
#486bbc
#486bbc
rgb(72,107,188)
-
#3f67c5
#3f67c5
rgb(63,103,197)
-
#3563cf
#3563cf
rgb(53,99,207)
-
#2c5fd8
#2c5fd8
rgb(44,95,216)
-
#225be2
#225be2
rgb(34,91,226)
-
#1857ec
#1857ec
rgb(24,87,236)
-
#0f53f5
#0f53f5
rgb(15,83,245)
-
#054fff
#054fff
rgb(5,79,255)
Color Blindness Simulator
Below, you can see how #225be2 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.