#225cf6 hex color

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

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

● #225cf6 color description : Vivid blue.

The hexadecimal color #225cf6 has RGB values of R:34, G:92, B:246 and CMYK values of C:0.86, M:0.63, Y:0, K:0.04. Its decimal value is 2252022.

Hex triplet	225cf6	`#225cf6`
RGB Decimal	34, 92, 246	`rgb(34,92,246)`
RGB Percent	13.3, 36.1, 96.5	`rgb(13.3%,36.1%,96.5%)`
CMYK	86, 63, 0, 4
HSL	223.6°, 92.2, 54.9	`hsl(223.6,92.2%,54.9%)`
HSV (or HSB)	223.6°, 86.2, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.146, 39.275, -81.503
XYZ	21.118, 14.647, 88.898
xyY	0.169, 0.117, 14.647
CIE-LCH	45.146, 90.473, 295.728
CIE-LUV	45.146, -18.427, -122.427
Hunter-Lab	38.271, 31.523, -110.933
Binary	00100010, 01011100, 11110110

#225cf6
```
#225cf6 rgb(34,92,246)
```
#f6bc22
```
#f6bc22 rgb(246,188,34)
```

Complementary Color

#22c6f6
```
#22c6f6 rgb(34,198,246)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#5222f6
```
#5222f6 rgb(82,34,246)
```

Analogous Color

#c6f622
```
#c6f622 rgb(198,246,34)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#f65222
```
#f65222 rgb(246,82,34)
```

Split Complementary Color

#5cf622
```
#5cf622 rgb(92,246,34)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#f6225c
```
#f6225c rgb(246,34,92)
```

Triadic Color

#22f6bc
```
#22f6bc rgb(34,246,188)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#f6225c
```
#f6225c rgb(246,34,92)
```
#f6bc22
```
#f6bc22 rgb(246,188,34)
```

Tetradic Color

#083bc4
```
#083bc4 rgb(8,59,196)
```
#0943dc
```
#0943dc rgb(9,67,220)
```
#0a4af5
```
#0a4af5 rgb(10,74,245)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#3b6ef7
```
#3b6ef7 rgb(59,110,247)
```
#5380f8
```
#5380f8 rgb(83,128,248)
```
#6c92f9
```
#6c92f9 rgb(108,146,249)
```

Monochromatic Color

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

#2291f6
```
#2291f6 rgb(34,145,246)
```
#227ff6
```
#227ff6 rgb(34,127,246)
```
#226ef6
```
#226ef6 rgb(34,110,246)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#224af6
```
#224af6 rgb(34,74,246)
```
#2239f6
```
#2239f6 rgb(34,57,246)
```
#2227f6
```
#2227f6 rgb(34,39,246)
```

Similar Colors

Text with hexadecimal color #225cf6

This text has a font color of #225cf6.

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

#225cf6 background color

This paragraph has a background color of #225cf6.

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

#225cf6 border color

This element has a border color of #225cf6.

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

CSS codes

.text {color:#225cf6;}

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

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

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)
```
#010718
```
#010718 rgb(1,7,24)
```
#020d2b
```
#020d2b rgb(2,13,43)
```
#03133e
```
#03133e rgb(3,19,62)
```
#031851
```
#031851 rgb(3,24,81)
```
#041e63
```
#041e63 rgb(4,30,99)
```
#052476
```
#052476 rgb(5,36,118)
```
#062a89
```
#062a89 rgb(6,42,137)
```
#062f9c
```
#062f9c rgb(6,47,156)
```
#0735af
```
#0735af rgb(7,53,175)
```
#083bc2
```
#083bc2 rgb(8,59,194)
```
#0940d5
```
#0940d5 rgb(9,64,213)
```
#0946e7
```
#0946e7 rgb(9,70,231)
```

Shade Color Variation

#0f4ef5
```
#0f4ef5 rgb(15,78,245)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#356af7
```
#356af7 rgb(53,106,247)
```
#4878f8
```
#4878f8 rgb(72,120,248)
```
#5b86f8
```
#5b86f8 rgb(91,134,248)
```
#6d94f9
```
#6d94f9 rgb(109,148,249)
```
#80a2fa
```
#80a2fa rgb(128,162,250)
```
#93affb
```
#93affb rgb(147,175,251)
```
#a6bdfb
```
#a6bdfb rgb(166,189,251)
```
#b9cbfc
```
#b9cbfc rgb(185,203,252)
```
#ccd9fd
```
#ccd9fd rgb(204,217,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 #1958ff is the most saturated one.

#838895
```
#838895 rgb(131,136,149)
```
#7a849e
```
#7a849e rgb(122,132,158)
```
#7280a6
```
#7280a6 rgb(114,128,166)
```
#697caf
```
#697caf rgb(105,124,175)
```
#6078b8
```
#6078b8 rgb(96,120,184)
```
#5774c1
```
#5774c1 rgb(87,116,193)
```
#4e70ca
```
#4e70ca rgb(78,112,202)
```
#456cd3
```
#456cd3 rgb(69,108,211)
```
#3d68db
```
#3d68db rgb(61,104,219)
```
#3464e4
```
#3464e4 rgb(52,100,228)
```
#2b60ed
```
#2b60ed rgb(43,96,237)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#1958ff
```
#1958ff rgb(25,88,255)
```

Tone Color Variation

Below, you can see how #225cf6 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
#505c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#0c68e3 Protanomaly 1% of men, 0.01% of women
#0c6cd1 Deuteranomaly 6% of men, 0.4% of women
#0c71ad Tritanomaly 0.01% of the population

#225cf6 hex color

#225cf6 Color Information

#225cf6 Color Conversion

Color Schemes with #225cf6

Alternatives to #225cf6

#225cf6 Preview

Shades and Tints of #225cf6

Tones of #225cf6

Color Blindness Simulator