#225cd6 hex color

In a RGB color space, hex #225cd6 is composed of 13.3% red, 36.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 57% magenta, 0% yellow and 16.1% black. It has a hue angle of 220.7 degrees, a saturation of 72.6% and a lightness of 48.6%. #225cd6 color hex could be obtained by blending #44b8ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 36
- B 84
RGB color chart
- C 84
- M 57
- Y 0
- K 16
CMYK color chart

● #225cd6 color description : Strong blue.

The hexadecimal color #225cd6 has RGB values of R:34, G:92, B:214 and CMYK values of C:0.84, M:0.57, Y:0, K:0.16. Its decimal value is 2251990.

Hex triplet	225cd6	`#225cd6`
RGB Decimal	34, 92, 214	`rgb(34,92,214)`
RGB Percent	13.3, 36.1, 83.9	`rgb(13.3%,36.1%,83.9%)`
CMYK	84, 57, 0, 16
HSL	220.7°, 72.6, 48.6	`hsl(220.7,72.6%,48.6%)`
HSV (or HSB)	220.7°, 84.1, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.533, 27.309, -67.671
XYZ	16.622, 12.848, 65.219
xyY	0.176, 0.136, 12.848
CIE-LCH	42.533, 72.974, 291.977
CIE-LUV	42.533, -18.619, -101.089
Hunter-Lab	35.844, 20.047, -82.787
Binary	00100010, 01011100, 11010110

#225cd6
```
#225cd6 rgb(34,92,214)
```
#d69c22
```
#d69c22 rgb(214,156,34)
```

Complementary Color

#22b6d6
```
#22b6d6 rgb(34,182,214)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#4222d6
```
#4222d6 rgb(66,34,214)
```

Analogous Color

#b6d622
```
#b6d622 rgb(182,214,34)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#d64222
```
#d64222 rgb(214,66,34)
```

Split Complementary Color

#5cd622
```
#5cd622 rgb(92,214,34)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#d6225c
```
#d6225c rgb(214,34,92)
```

Triadic Color

#22d69c
```
#22d69c rgb(34,214,156)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#d6225c
```
#d6225c rgb(214,34,92)
```
#d69c22
```
#d69c22 rgb(214,156,34)
```

Tetradic Color

#184094
```
#184094 rgb(24,64,148)
```
#1b49aa
```
#1b49aa rgb(27,73,170)
```
#1f53c0
```
#1f53c0 rgb(31,83,192)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#336adf
```
#336adf rgb(51,106,223)
```
#497ae2
```
#497ae2 rgb(73,122,226)
```
#5f8ae6
```
#5f8ae6 rgb(95,138,230)
```

Monochromatic Color

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

#2289d6
```
#2289d6 rgb(34,137,214)
```
#227ad6
```
#227ad6 rgb(34,122,214)
```
#226bd6
```
#226bd6 rgb(34,107,214)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#224dd6
```
#224dd6 rgb(34,77,214)
```
#223ed6
```
#223ed6 rgb(34,62,214)
```
#222fd6
```
#222fd6 rgb(34,47,214)
```

Similar Colors

Text with hexadecimal color #225cd6

This text has a font color of #225cd6.

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

#225cd6 background color

This paragraph has a background color of #225cd6.

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

#225cd6 border color

This element has a border color of #225cd6.

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

CSS codes

.text {color:#225cd6;}

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

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#040c1c
```
#040c1c rgb(4,12,28)
```
#07132d
```
#07132d rgb(7,19,45)
```
#0a1b3e
```
#0a1b3e rgb(10,27,62)
```
#0c224f
```
#0c224f rgb(12,34,79)
```
#0f2960
```
#0f2960 rgb(15,41,96)
```
#123070
```
#123070 rgb(18,48,112)
```
#153881
```
#153881 rgb(21,56,129)
```
#173f92
```
#173f92 rgb(23,63,146)
```
#1a46a3
```
#1a46a3 rgb(26,70,163)
```
#1d4db4
```
#1d4db4 rgb(29,77,180)
```
#1f55c5
```
#1f55c5 rgb(31,85,197)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```

Shade Color Variation

#2e67de
```
#2e67de rgb(46,103,222)
```
#3f73e0
```
#3f73e0 rgb(63,115,224)
```
#507fe3
```
#507fe3 rgb(80,127,227)
```
#618ce6
```
#618ce6 rgb(97,140,230)
```
#7298e9
```
#7298e9 rgb(114,152,233)
```
#82a4eb
```
#82a4eb rgb(130,164,235)
```
#93b1ee
```
#93b1ee rgb(147,177,238)
```
#a4bdf1
```
#a4bdf1 rgb(164,189,241)
```
#b5c9f3
```
#b5c9f3 rgb(181,201,243)
```
#c6d6f6
```
#c6d6f6 rgb(198,214,246)
```
#d7e2f9
```
#d7e2f9 rgb(215,226,249)
```
#e8eefb
```
#e8eefb rgb(232,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #0552f3 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6e778a
```
#6e778a rgb(110,119,138)
```
#657493
```
#657493 rgb(101,116,147)
```
#5b709d
```
#5b709d rgb(91,112,157)
```
#526da6
```
#526da6 rgb(82,109,166)
```
#486ab0
```
#486ab0 rgb(72,106,176)
```
#3f66b9
```
#3f66b9 rgb(63,102,185)
```
#3563c3
```
#3563c3 rgb(53,99,195)
```
#2c5fcc
```
#2c5fcc rgb(44,95,204)
```
#225cd6
```
#225cd6 rgb(34,92,214)
```
#1859e0
```
#1859e0 rgb(24,89,224)
```
#0f55e9
```
#0f55e9 rgb(15,85,233)
```
#0552f3
```
#0552f3 rgb(5,82,243)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4e5a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0c64d0 Protanomaly 1% of men, 0.01% of women
#0c68c0 Deuteranomaly 6% of men, 0.4% of women
#0c6d9d Tritanomaly 0.01% of the population

#225cd6 hex color

#225cd6 Color Information

#225cd6 Color Conversion

Color Schemes with #225cd6

Alternatives to #225cd6

#225cd6 Preview

Shades and Tints of #225cd6

Tones of #225cd6

Color Blindness Simulator