#225bfb hex color

In a RGB color space, hex #225bfb is composed of 13.3% red, 35.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 63.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 224.2 degrees, a saturation of 96.4% and a lightness of 55.9%. #225bfb color hex could be obtained by blending #44b6ff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 36
- B 98
RGB color chart
- C 86
- M 64
- Y 0
- K 2
CMYK color chart

● #225bfb color description : Vivid blue.

The hexadecimal color #225bfb has RGB values of R:34, G:91, B:251 and CMYK values of C:0.86, M:0.64, Y:0, K:0.02. Its decimal value is 2251771.

Hex triplet	225bfb	`#225bfb`
RGB Decimal	34, 91, 251	`rgb(34,91,251)`
RGB Percent	13.3, 35.7, 98.4	`rgb(13.3%,35.7%,98.4%)`
CMYK	86, 64, 0, 2
HSL	224.2°, 96.4, 55.9	`hsl(224.2,96.4%,55.9%)`
HSV (or HSB)	224.2°, 86.5, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.339, 41.715, -83.98
XYZ	21.81, 14.786, 92.966
xyY	0.168, 0.114, 14.786
CIE-LCH	45.339, 93.769, 296.415
CIE-LUV	45.339, -18.197, -125.928
Hunter-Lab	38.452, 33.953, -116.43
Binary	00100010, 01011011, 11111011

#225bfb
```
#225bfb rgb(34,91,251)
```
#fbc222
```
#fbc222 rgb(251,194,34)
```

Complementary Color

#22c8fb
```
#22c8fb rgb(34,200,251)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#5622fb
```
#5622fb rgb(86,34,251)
```

Analogous Color

#c8fb22
```
#c8fb22 rgb(200,251,34)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#fb5622
```
#fb5622 rgb(251,86,34)
```

Split Complementary Color

#5bfb22
```
#5bfb22 rgb(91,251,34)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#fb225b
```
#fb225b rgb(251,34,91)
```

Triadic Color

#22fbc2
```
#22fbc2 rgb(34,251,194)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#fb225b
```
#fb225b rgb(251,34,91)
```
#fbc222
```
#fbc222 rgb(251,194,34)
```

Tetradic Color

#0439cd
```
#0439cd rgb(4,57,205)
```
#043fe6
```
#043fe6 rgb(4,63,230)
```
#0948fb
```
#0948fb rgb(9,72,251)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#3b6efb
```
#3b6efb rgb(59,110,251)
```
#5480fc
```
#5480fc rgb(84,128,252)
```
#6d93fc
```
#6d93fc rgb(109,147,252)
```

Monochromatic Color

Below, you can see some colors close to #225bfb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2291fb
```
#2291fb rgb(34,145,251)
```
#227ffb
```
#227ffb rgb(34,127,251)
```
#226dfb
```
#226dfb rgb(34,109,251)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#2249fb
```
#2249fb rgb(34,73,251)
```
#2237fb
```
#2237fb rgb(34,55,251)
```
#2225fb
```
#2225fb rgb(34,37,251)
```

Similar Colors

Text with hexadecimal color #225bfb

This text has a font color of #225bfb.

<span style="color:#225bfb;">Text here</span>

#225bfb background color

This paragraph has a background color of #225bfb.

<p style="background-color:#225bfb;">Content here</p>

#225bfb border color

This element has a border color of #225bfb.

<div style="border:1px solid #225bfb;">Content here</div>

CSS codes

.text {color:#225bfb;}

.background {background-color:#225bfb;}

.border {border:1px solid #225bfb;}

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, #00030a is the darkest color, while #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#01081d
```
#01081d rgb(1,8,29)
```
#010d31
```
#010d31 rgb(1,13,49)
```
#011344
```
#011344 rgb(1,19,68)
```
#021857
```
#021857 rgb(2,24,87)
```
#021d6b
```
#021d6b rgb(2,29,107)
```
#02237e
```
#02237e rgb(2,35,126)
```
#032891
```
#032891 rgb(3,40,145)
```
#032da4
```
#032da4 rgb(3,45,164)
```
#0333b8
```
#0333b8 rgb(3,51,184)
```
#0438cb
```
#0438cb rgb(4,56,203)
```
#043dde
```
#043dde rgb(4,61,222)
```
#0443f1
```
#0443f1 rgb(4,67,241)
```

Shade Color Variation

#0f4dfb
```
#0f4dfb rgb(15,77,251)
```
#225bfb
```
#225bfb rgb(34,91,251)
```
#3569fb
```
#3569fb rgb(53,105,251)
```
#4978fc
```
#4978fc rgb(73,120,252)
```
#5c86fc
```
#5c86fc rgb(92,134,252)
```
#6f94fc
```
#6f94fc rgb(111,148,252)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#96b1fd
```
#96b1fd rgb(150,177,253)
```
#a9bffd
```
#a9bffd rgb(169,191,253)
```
#bccdfe
```
#bccdfe rgb(188,205,254)
```
#cfdcfe
```
#cfdcfe rgb(207,220,254)
```
#e3eafe
```
#e3eafe rgb(227,234,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c93 is the less saturated color, while #225bfb is the most saturated one.

#8a8c93
```
#8a8c93 rgb(138,140,147)
```
#81889c
```
#81889c rgb(129,136,156)
```
#7984a4
```
#7984a4 rgb(121,132,164)
```
#7080ad
```
#7080ad rgb(112,128,173)
```
#677cb6
```
#677cb6 rgb(103,124,182)
```
#5f78be
```
#5f78be rgb(95,120,190)
```
#5674c7
```
#5674c7 rgb(86,116,199)
```
#4d70d0
```
#4d70d0 rgb(77,112,208)
```
#456bd8
```
#456bd8 rgb(69,107,216)
```
#3c67e1
```
#3c67e1 rgb(60,103,225)
```
#3363ea
```
#3363ea rgb(51,99,234)
```
#2b5ff2
```
#2b5ff2 rgb(43,95,242)
```
#225bfb
```
#225bfb rgb(34,91,251)
```

Tone Color Variation

Below, you can see how #225bfb 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.

Monochromacy

#5c5c5c Achromatopsia 0.005% of the population
#505c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0c68e5 Protanomaly 1% of men, 0.01% of women
#0c6cd3 Deuteranomaly 6% of men, 0.4% of women
#0c71af Tritanomaly 0.01% of the population

#225bfb hex color

#225bfb Color Information

#225bfb Color Conversion

Color Schemes with #225bfb

Alternatives to #225bfb

#225bfb Preview

Shades and Tints of #225bfb

Tones of #225bfb

Color Blindness Simulator