#225bff hex color

In a RGB color space, hex #225bff is composed of 13.3% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 224.5 degrees, a saturation of 100% and a lightness of 56.7%. #225bff color hex could be obtained by blending #44b6ff with #0000ff. Closest websafe color is: #3366ff.

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

● #225bff color description : Vivid blue.

The hexadecimal color #225bff has RGB values of R:34, G:91, B:255 and CMYK values of C:0.87, M:0.64, Y:0, K:0. Its decimal value is 2251775.

Hex triplet	225bff	`#225bff`
RGB Decimal	34, 91, 255	`rgb(34,91,255)`
RGB Percent	13.3, 35.7, 100	`rgb(13.3%,35.7%,100%)`
CMYK	87, 64, 0, 0
HSL	224.5°, 100, 56.7	`hsl(224.5,100%,56.7%)`
HSV (or HSB)	224.5°, 86.7, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.69, 43.157, -85.632
XYZ	22.447, 15.04, 96.322
xyY	0.168, 0.112, 15.04
CIE-LCH	45.69, 95.892, 296.747
CIE-LUV	45.69, -18.201, -128.457
Hunter-Lab	38.782, 35.447, -120.11
Binary	00100010, 01011011, 11111111

#225bff
```
#225bff rgb(34,91,255)
```
#ffc622
```
#ffc622 rgb(255,198,34)
```

Complementary Color

#22caff
```
#22caff rgb(34,202,255)
```
#225bff
```
#225bff rgb(34,91,255)
```
#5722ff
```
#5722ff rgb(87,34,255)
```

Analogous Color

#caff22
```
#caff22 rgb(202,255,34)
```
#225bff
```
#225bff rgb(34,91,255)
```
#ff5722
```
#ff5722 rgb(255,87,34)
```

Split Complementary Color

#5bff22
```
#5bff22 rgb(91,255,34)
```
#225bff
```
#225bff rgb(34,91,255)
```
#ff225b
```
#ff225b rgb(255,34,91)
```

Triadic Color

#22ffc6
```
#22ffc6 rgb(34,255,198)
```
#225bff
```
#225bff rgb(34,91,255)
```
#ff225b
```
#ff225b rgb(255,34,91)
```
#ffc622
```
#ffc622 rgb(255,198,34)
```

Tetradic Color

#0037d5
```
#0037d5 rgb(0,55,213)
```
#003dee
```
#003dee rgb(0,61,238)
```
#0848ff
```
#0848ff rgb(8,72,255)
```
#225bff
```
#225bff rgb(34,91,255)
```
#3c6eff
```
#3c6eff rgb(60,110,255)
```
#5581ff
```
#5581ff rgb(85,129,255)
```
#6f94ff
```
#6f94ff rgb(111,148,255)
```

Monochromatic Color

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

#2292ff
```
#2292ff rgb(34,146,255)
```
#2280ff
```
#2280ff rgb(34,128,255)
```
#226dff
```
#226dff rgb(34,109,255)
```
#225bff
```
#225bff rgb(34,91,255)
```
#2249ff
```
#2249ff rgb(34,73,255)
```
#2236ff
```
#2236ff rgb(34,54,255)
```
#2224ff
```
#2224ff rgb(34,36,255)
```

Similar Colors

Text with hexadecimal color #225bff

This text has a font color of #225bff.

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

#225bff background color

This paragraph has a background color of #225bff.

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

#225bff border color

This element has a border color of #225bff.

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

CSS codes

.text {color:#225bff;}

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

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

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)
```
#001d70
```
#001d70 rgb(0,29,112)
```
#002284
```
#002284 rgb(0,34,132)
```
#002798
```
#002798 rgb(0,39,152)
```
#002cab
```
#002cab rgb(0,44,171)
```
#0031bf
```
#0031bf rgb(0,49,191)
```
#0036d3
```
#0036d3 rgb(0,54,211)
```
#003be6
```
#003be6 rgb(0,59,230)
```
#0040fa
```
#0040fa rgb(0,64,250)
```

Shade Color Variation

#0e4cff
```
#0e4cff rgb(14,76,255)
```
#225bff
```
#225bff rgb(34,91,255)
```
#366aff
```
#366aff rgb(54,106,255)
```
#4978ff
```
#4978ff rgb(73,120,255)
```
#5d87ff
```
#5d87ff rgb(93,135,255)
```
#7095ff
```
#7095ff rgb(112,149,255)
```
#84a4ff
```
#84a4ff rgb(132,164,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)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c99 is the less saturated color, while #225bff 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)
```
#5e78c4
```
#5e78c4 rgb(94,120,196)
```
#5574cc
```
#5574cc rgb(85,116,204)
```
#4d70d5
```
#4d70d5 rgb(77,112,213)
```
#446bdd
```
#446bdd rgb(68,107,221)
```
#3c67e6
```
#3c67e6 rgb(60,103,230)
```
#3363ee
```
#3363ee rgb(51,99,238)
```
#2b5ff7
```
#2b5ff7 rgb(43,95,247)
```
#225bff
```
#225bff rgb(34,91,255)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#515d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0c68e8 Protanomaly 1% of men, 0.01% of women
#0c6cd5 Deuteranomaly 6% of men, 0.4% of women
#0c72b1 Tritanomaly 0.01% of the population

#225bff hex color

#225bff Color Information

#225bff Color Conversion

Color Schemes with #225bff

Alternatives to #225bff

#225bff Preview

Shades and Tints of #225bff

Tones of #225bff

Color Blindness Simulator