#225ff6 hex color

In a RGB color space, hex #225ff6 is composed of 13.3% red, 37.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 61.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.7 degrees, a saturation of 92.2% and a lightness of 54.9%. #225ff6 color hex could be obtained by blending #44beff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 37
- B 96
RGB color chart
- C 86
- M 61
- Y 0
- K 4
CMYK color chart

● #225ff6 color description : Vivid blue.

The hexadecimal color #225ff6 has RGB values of R:34, G:95, B:246 and CMYK values of C:0.86, M:0.61, Y:0, K:0.04. Its decimal value is 2252790.

Hex triplet	225ff6	`#225ff6`
RGB Decimal	34, 95, 246	`rgb(34,95,246)`
RGB Percent	13.3, 37.3, 96.5	`rgb(13.3%,37.3%,96.5%)`
CMYK	86, 61, 0, 4
HSL	222.7°, 92.2, 54.9	`hsl(222.7,92.2%,54.9%)`
HSV (or HSB)	222.7°, 86.2, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.875, 37.394, -80.308
XYZ	21.383, 15.177, 88.986
xyY	0.17, 0.121, 15.177
CIE-LCH	45.875, 88.588, 294.968
CIE-LUV	45.875, -19.13, -121.436
Hunter-Lab	38.957, 29.801, -108.16
Binary	00100010, 01011111, 11110110

#225ff6
```
#225ff6 rgb(34,95,246)
```
#f6b922
```
#f6b922 rgb(246,185,34)
```

Complementary Color

#22c9f6
```
#22c9f6 rgb(34,201,246)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#4f22f6
```
#4f22f6 rgb(79,34,246)
```

Analogous Color

#c9f622
```
#c9f622 rgb(201,246,34)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#f64f22
```
#f64f22 rgb(246,79,34)
```

Split Complementary Color

#5ff622
```
#5ff622 rgb(95,246,34)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#f6225f
```
#f6225f rgb(246,34,95)
```

Triadic Color

#22f6b9
```
#22f6b9 rgb(34,246,185)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#f6225f
```
#f6225f rgb(246,34,95)
```
#f6b922
```
#f6b922 rgb(246,185,34)
```

Tetradic Color

#083ec4
```
#083ec4 rgb(8,62,196)
```
#0946dc
```
#0946dc rgb(9,70,220)
```
#0a4df5
```
#0a4df5 rgb(10,77,245)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#3b71f7
```
#3b71f7 rgb(59,113,247)
```
#5382f8
```
#5382f8 rgb(83,130,248)
```
#6c94f9
```
#6c94f9 rgb(108,148,249)
```

Monochromatic Color

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

#2294f6
```
#2294f6 rgb(34,148,246)
```
#2282f6
```
#2282f6 rgb(34,130,246)
```
#2271f6
```
#2271f6 rgb(34,113,246)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#224df6
```
#224df6 rgb(34,77,246)
```
#223cf6
```
#223cf6 rgb(34,60,246)
```
#222af6
```
#222af6 rgb(34,42,246)
```

Similar Colors

Text with hexadecimal color #225ff6

This text has a font color of #225ff6.

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

#225ff6 background color

This paragraph has a background color of #225ff6.

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

#225ff6 border color

This element has a border color of #225ff6.

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

CSS codes

.text {color:#225ff6;}

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

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

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, #000205 is the darkest color, while #f1f5fe is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020e2b
```
#020e2b rgb(2,14,43)
```
#03143e
```
#03143e rgb(3,20,62)
```
#031a51
```
#031a51 rgb(3,26,81)
```
#041f63
```
#041f63 rgb(4,31,99)
```
#052576
```
#052576 rgb(5,37,118)
```
#062b89
```
#062b89 rgb(6,43,137)
```
#06319c
```
#06319c rgb(6,49,156)
```
#0737af
```
#0737af rgb(7,55,175)
```
#083dc2
```
#083dc2 rgb(8,61,194)
```
#0943d5
```
#0943d5 rgb(9,67,213)
```
#0949e7
```
#0949e7 rgb(9,73,231)
```

Shade Color Variation

#0f51f5
```
#0f51f5 rgb(15,81,245)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#356df7
```
#356df7 rgb(53,109,247)
```
#487af8
```
#487af8 rgb(72,122,248)
```
#5b88f8
```
#5b88f8 rgb(91,136,248)
```
#6d96f9
```
#6d96f9 rgb(109,150,249)
```
#80a3fa
```
#80a3fa rgb(128,163,250)
```
#93b1fb
```
#93b1fb rgb(147,177,251)
```
#a6bffb
```
#a6bffb rgb(166,191,251)
```
#b9ccfc
```
#b9ccfc rgb(185,204,252)
```
#ccdafd
```
#ccdafd rgb(204,218,253)
```
#dee7fe
```
#dee7fe rgb(222,231,254)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838895 is the less saturated color, while #195bff is the most saturated one.

#838895
```
#838895 rgb(131,136,149)
```
#7a859e
```
#7a859e rgb(122,133,158)
```
#7281a6
```
#7281a6 rgb(114,129,166)
```
#697daf
```
#697daf rgb(105,125,175)
```
#6079b8
```
#6079b8 rgb(96,121,184)
```
#5776c1
```
#5776c1 rgb(87,118,193)
```
#4e72ca
```
#4e72ca rgb(78,114,202)
```
#456ed3
```
#456ed3 rgb(69,110,211)
```
#3d6adb
```
#3d6adb rgb(61,106,219)
```
#3467e4
```
#3467e4 rgb(52,103,228)
```
#2b63ed
```
#2b63ed rgb(43,99,237)
```
#225ff6
```
#225ff6 rgb(34,95,246)
```
#195bff
```
#195bff rgb(25,91,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#525e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0c6ae5 Protanomaly 1% of men, 0.01% of women
#0c6ed3 Deuteranomaly 6% of men, 0.4% of women
#0c73ae Tritanomaly 0.01% of the population

#225ff6 hex color

#225ff6 Color Information

#225ff6 Color Conversion

Color Schemes with #225ff6

Alternatives to #225ff6

#225ff6 Preview

Shades and Tints of #225ff6

Tones of #225ff6

Color Blindness Simulator