#225aff Color Information
In a RGB color space, hex #225aff is composed of 13.3% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 224.8 degrees, a saturation of 100% and a lightness of 56.7%. #225aff color hex could be obtained by blending #44b4ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 13
- G 35
- B 100
-
- C 87
- M 65
- Y 0
- K 0
● #225aff color description : Vivid blue.
#225aff Color Conversion
The hexadecimal color #225aff has RGB values of R:34, G:90, B:255 and CMYK values of C:0.87, M:0.65, Y:0, K:0. Its decimal value is 2251519.
Hex triplet | 225aff | #225aff |
---|---|---|
RGB Decimal | 34, 90, 255 | rgb(34,90,255) |
RGB Percent | 13.3, 35.3, 100 | rgb(13.3%,35.3%,100%) |
CMYK | 87, 65, 0, 0 | |
HSL | 224.8°, 100, 56.7 | hsl(224.8,100%,56.7%) |
HSV (or HSB) | 224.8°, 86.7, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.456, 43.771, -86.015 |
---|---|
XYZ | 22.362, 14.871, 96.294 |
xyY | 0.167, 0.111, 14.871 |
CIE-LCH | 45.456, 96.512, 296.971 |
CIE-LUV | 45.456, -17.981, -128.735 |
Hunter-Lab | 38.562, 36.026, -121.059 |
Binary | 00100010, 01011010, 11111111 |
Color Schemes with #225aff
Alternatives to #225aff
Below, you can see some colors close to #225aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225aff Preview
This text has a font color of #225aff.
<span style="color:#225aff;">Text here</span>
This paragraph has a background color of #225aff.
<p style="background-color:#225aff;">Content here</p>
This element has a border color of #225aff.
<div style="border:1px solid #225aff;">Content here</div>
.text {color:#225aff;}
.background {background-color:#225aff;}
.border {border:1px solid #225aff;}
Shades and Tints of #225aff
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, #00040e is the darkest color, while #fafbff is the lightest one.
-
#00040e
#00040e
rgb(0,4,14)
-
#000922
#000922
rgb(0,9,34)
-
#000e36
#000e36
rgb(0,14,54)
-
#001349
#001349
rgb(0,19,73)
-
#00185d
#00185d
rgb(0,24,93)
-
#001c70
#001c70
rgb(0,28,112)
-
#002184
#002184
rgb(0,33,132)
-
#002698
#002698
rgb(0,38,152)
-
#002bab
#002bab
rgb(0,43,171)
-
#0030bf
#0030bf
rgb(0,48,191)
-
#0035d3
#0035d3
rgb(0,53,211)
-
#003ae6
#003ae6
rgb(0,58,230)
-
#003ffa
#003ffa
rgb(0,63,250)
-
#0e4bff
#0e4bff
rgb(14,75,255)
-
#225aff
#225aff
rgb(34,90,255)
-
#3669ff
#3669ff
rgb(54,105,255)
-
#4977ff
#4977ff
rgb(73,119,255)
-
#5d86ff
#5d86ff
rgb(93,134,255)
-
#7095ff
#7095ff
rgb(112,149,255)
-
#84a3ff
#84a3ff
rgb(132,163,255)
-
#98b2ff
#98b2ff
rgb(152,178,255)
-
#abc1ff
#abc1ff
rgb(171,193,255)
-
#bfcfff
#bfcfff
rgb(191,207,255)
-
#d3deff
#d3deff
rgb(211,222,255)
-
#e6ecff
#e6ecff
rgb(230,236,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #225aff
A tone is produced by adding gray to any pure hue. In this case, #888c99 is the less saturated color, while #225aff is the most saturated one.
-
#888c99
#888c99
rgb(136,140,153)
-
#8088a2
#8088a2
rgb(128,136,162)
-
#7784aa
#7784aa
rgb(119,132,170)
-
#6f80b3
#6f80b3
rgb(111,128,179)
-
#667cbb
#667cbb
rgb(102,124,187)
-
#5e77c4
#5e77c4
rgb(94,119,196)
-
#5573cc
#5573cc
rgb(85,115,204)
-
#4d6fd5
#4d6fd5
rgb(77,111,213)
-
#446bdd
#446bdd
rgb(68,107,221)
-
#3c67e6
#3c67e6
rgb(60,103,230)
-
#3362ee
#3362ee
rgb(51,98,238)
-
#2b5ef7
#2b5ef7
rgb(43,94,247)
-
#225aff
#225aff
rgb(34,90,255)
Color Blindness Simulator
Below, you can see how #225aff 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.