#225edd hex color

In a RGB color space, hex #225edd is composed of 13.3% red, 36.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 57.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 220.7 degrees, a saturation of 73.3% and a lightness of 50%. #225edd color hex could be obtained by blending #44bcff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 37
- B 87
RGB color chart
- C 85
- M 57
- Y 0
- K 13
CMYK color chart

● #225edd color description : Bright blue.

The hexadecimal color #225edd has RGB values of R:34, G:94, B:221 and CMYK values of C:0.85, M:0.57, Y:0, K:0.13. Its decimal value is 2252509.

Hex triplet	225edd	`#225edd`
RGB Decimal	34, 94, 221	`rgb(34,94,221)`
RGB Percent	13.3, 36.9, 86.7	`rgb(13.3%,36.9%,86.7%)`
CMYK	85, 57, 0, 13
HSL	220.7°, 73.3, 50	`hsl(220.7,73.3%,50%)`
HSV (or HSB)	220.7°, 84.6, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.602, 28.681, -69.924
XYZ	17.711, 13.565, 70.087
xyY	0.175, 0.134, 13.565
CIE-LCH	43.602, 75.578, 292.302
CIE-LUV	43.602, -19.067, -105.075
Hunter-Lab	36.83, 21.384, -87.048
Binary	00100010, 01011110, 11011101

#225edd
```
#225edd rgb(34,94,221)
```
#dda122
```
#dda122 rgb(221,161,34)
```

Complementary Color

#22bcdd
```
#22bcdd rgb(34,188,221)
```
#225edd
```
#225edd rgb(34,94,221)
```
#4422dd
```
#4422dd rgb(68,34,221)
```

Analogous Color

#bcdd22
```
#bcdd22 rgb(188,221,34)
```
#225edd
```
#225edd rgb(34,94,221)
```
#dd4422
```
#dd4422 rgb(221,68,34)
```

Split Complementary Color

#5edd22
```
#5edd22 rgb(94,221,34)
```
#225edd
```
#225edd rgb(34,94,221)
```
#dd225e
```
#dd225e rgb(221,34,94)
```

Triadic Color

#22dda1
```
#22dda1 rgb(34,221,161)
```
#225edd
```
#225edd rgb(34,94,221)
```
#dd225e
```
#dd225e rgb(221,34,94)
```
#dda122
```
#dda122 rgb(221,161,34)
```

Tetradic Color

#18429b
```
#18429b rgb(24,66,155)
```
#1b4bb1
```
#1b4bb1 rgb(27,75,177)
```
#1f55c7
```
#1f55c7 rgb(31,85,199)
```
#225edd
```
#225edd rgb(34,94,221)
```
#386ee0
```
#386ee0 rgb(56,110,224)
```
#4e7ee4
```
#4e7ee4 rgb(78,126,228)
```
#648ee7
```
#648ee7 rgb(100,142,231)
```

Monochromatic Color

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

#228ddd
```
#228ddd rgb(34,141,221)
```
#227ddd
```
#227ddd rgb(34,125,221)
```
#226edd
```
#226edd rgb(34,110,221)
```
#225edd
```
#225edd rgb(34,94,221)
```
#224edd
```
#224edd rgb(34,78,221)
```
#223fdd
```
#223fdd rgb(34,63,221)
```
#222fdd
```
#222fdd rgb(34,47,221)
```

Similar Colors

Text with hexadecimal color #225edd

This text has a font color of #225edd.

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

#225edd background color

This paragraph has a background color of #225edd.

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

#225edd border color

This element has a border color of #225edd.

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

CSS codes

.text {color:#225edd;}

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

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

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

#030711
```
#030711 rgb(3,7,17)
```
#050e22
```
#050e22 rgb(5,14,34)
```
#081633
```
#081633 rgb(8,22,51)
```
#0a1d44
```
#0a1d44 rgb(10,29,68)
```
#0d2455
```
#0d2455 rgb(13,36,85)
```
#102b66
```
#102b66 rgb(16,43,102)
```
#123377
```
#123377 rgb(18,51,119)
```
#153a88
```
#153a88 rgb(21,58,136)
```
#184199
```
#184199 rgb(24,65,153)
```
#1a48aa
```
#1a48aa rgb(26,72,170)
```
#1d50bb
```
#1d50bb rgb(29,80,187)
```
#1f57cc
```
#1f57cc rgb(31,87,204)
```
#225edd
```
#225edd rgb(34,94,221)
```

Shade Color Variation

#336ae0
```
#336ae0 rgb(51,106,224)
```
#4477e2
```
#4477e2 rgb(68,119,226)
```
#5583e5
```
#5583e5 rgb(85,131,229)
```
#6690e7
```
#6690e7 rgb(102,144,231)
```
#779cea
```
#779cea rgb(119,156,234)
```
#88a8ed
```
#88a8ed rgb(136,168,237)
```
#99b5ef
```
#99b5ef rgb(153,181,239)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#bbcdf5
```
#bbcdf5 rgb(187,205,245)
```
#ccdaf7
```
#ccdaf7 rgb(204,218,247)
```
#dde6fa
```
#dde6fa rgb(221,230,250)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e85 is the less saturated color, while #0553fa is the most saturated one.

#7a7e85
```
#7a7e85 rgb(122,126,133)
```
#707a8f
```
#707a8f rgb(112,122,143)
```
#677798
```
#677798 rgb(103,119,152)
```
#5d73a2
```
#5d73a2 rgb(93,115,162)
```
#5370ac
```
#5370ac rgb(83,112,172)
```
#496cb6
```
#496cb6 rgb(73,108,182)
```
#3f69c0
```
#3f69c0 rgb(63,105,192)
```
#3665c9
```
#3665c9 rgb(54,101,201)
```
#2c62d3
```
#2c62d3 rgb(44,98,211)
```
#225edd
```
#225edd rgb(34,94,221)
```
#185ae7
```
#185ae7 rgb(24,90,231)
```
#0e57f1
```
#0e57f1 rgb(14,87,241)
```
#0553fa
```
#0553fa rgb(5,83,250)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#505c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0c66d6 Protanomaly 1% of men, 0.01% of women
#0c6ac5 Deuteranomaly 6% of men, 0.4% of women
#0c6fa2 Tritanomaly 0.01% of the population

#225edd hex color

#225edd Color Information

#225edd Color Conversion

Color Schemes with #225edd

Alternatives to #225edd

#225edd Preview

Shades and Tints of #225edd

Tones of #225edd

Color Blindness Simulator