#225afa Color Information
In a RGB color space, hex #225afa is composed of 13.3% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 224.4 degrees, a saturation of 95.6% and a lightness of 55.7%. #225afa color hex could be obtained by blending #44b4ff with #0000f5. Closest websafe color is: #3366ff.
-
- R 13
- G 35
- B 98
-
- C 86
- M 64
- Y 0
- K 2
● #225afa color description : Vivid blue.
#225afa Color Conversion
The hexadecimal color #225afa has RGB values of R:34, G:90, B:250 and CMYK values of C:0.86, M:0.64, Y:0, K:0.02. Its decimal value is 2251514.
Hex triplet | 225afa | #225afa |
---|---|---|
RGB Decimal | 34, 90, 250 | rgb(34,90,250) |
RGB Percent | 13.3, 35.3, 98 | rgb(13.3%,35.3%,98%) |
CMYK | 86, 64, 0, 2 | |
HSL | 224.4°, 95.6, 55.7 | hsl(224.4,95.6%,55.7%) |
HSV (or HSB) | 224.4°, 86.4, 98 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.016, 41.972, -83.953 |
---|---|
XYZ | 21.568, 14.553, 92.109 |
xyY | 0.168, 0.113, 14.553 |
CIE-LCH | 45.016, 93.86, 296.563 |
CIE-LUV | 45.016, -17.972, -125.585 |
Hunter-Lab | 38.148, 34.158, -116.453 |
Binary | 00100010, 01011010, 11111010 |
Color Schemes with #225afa
Alternatives to #225afa
Below, you can see some colors close to #225afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225afa Preview
This text has a font color of #225afa.
<span style="color:#225afa;">Text here</span>
This paragraph has a background color of #225afa.
<p style="background-color:#225afa;">Content here</p>
This element has a border color of #225afa.
<div style="border:1px solid #225afa;">Content here</div>
.text {color:#225afa;}
.background {background-color:#225afa;}
.border {border:1px solid #225afa;}
Shades and Tints of #225afa
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, #000309 is the darkest color, while #f5f8ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#01081c
#01081c
rgb(1,8,28)
-
#010d30
#010d30
rgb(1,13,48)
-
#021243
#021243
rgb(2,18,67)
-
#021856
#021856
rgb(2,24,86)
-
#021d69
#021d69
rgb(2,29,105)
-
#03227c
#03227c
rgb(3,34,124)
-
#03288f
#03288f
rgb(3,40,143)
-
#042da3
#042da3
rgb(4,45,163)
-
#0432b6
#0432b6
rgb(4,50,182)
-
#0537c9
#0537c9
rgb(5,55,201)
-
#053ddc
#053ddc
rgb(5,61,220)
-
#0542ef
#0542ef
rgb(5,66,239)
-
#0f4cfa
#0f4cfa
rgb(15,76,250)
-
#225afa
#225afa
rgb(34,90,250)
-
#3568fa
#3568fa
rgb(53,104,250)
-
#4877fb
#4877fb
rgb(72,119,251)
-
#5c85fb
#5c85fb
rgb(92,133,251)
-
#6f93fc
#6f93fc
rgb(111,147,252)
-
#82a2fc
#82a2fc
rgb(130,162,252)
-
#95b0fd
#95b0fd
rgb(149,176,253)
-
#a8befd
#a8befd
rgb(168,190,253)
-
#bbcdfd
#bbcdfd
rgb(187,205,253)
-
#cfdbfe
#cfdbfe
rgb(207,219,254)
-
#e2e9fe
#e2e9fe
rgb(226,233,254)
-
#f5f8ff
#f5f8ff
rgb(245,248,255)
Tones of #225afa
A tone is produced by adding gray to any pure hue. In this case, #8a8c92 is the less saturated color, while #225afa is the most saturated one.
-
#8a8c92
#8a8c92
rgb(138,140,146)
-
#82889a
#82889a
rgb(130,136,154)
-
#7984a3
#7984a3
rgb(121,132,163)
-
#7080ac
#7080ac
rgb(112,128,172)
-
#687bb4
#687bb4
rgb(104,123,180)
-
#5f77bd
#5f77bd
rgb(95,119,189)
-
#5673c6
#5673c6
rgb(86,115,198)
-
#4d6fcf
#4d6fcf
rgb(77,111,207)
-
#456bd7
#456bd7
rgb(69,107,215)
-
#3c67e0
#3c67e0
rgb(60,103,224)
-
#3362e9
#3362e9
rgb(51,98,233)
-
#2b5ef1
#2b5ef1
rgb(43,94,241)
-
#225afa
#225afa
rgb(34,90,250)
Color Blindness Simulator
Below, you can see how #225afa 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.