#2245dd hex color

In a RGB color space, hex #2245dd is composed of 13.3% red, 27.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 68.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.8 degrees, a saturation of 73.3% and a lightness of 50%. #2245dd color hex could be obtained by blending #448aff with #0000bb. Closest websafe color is: #3333cc.

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

● #2245dd color description : Bright blue.

The hexadecimal color #2245dd has RGB values of R:34, G:69, B:221 and CMYK values of C:0.85, M:0.69, Y:0, K:0.13. Its decimal value is 2246109.

Hex triplet	2245dd	`#2245dd`
RGB Decimal	34, 69, 221	`rgb(34,69,221)`
RGB Percent	13.3, 27.1, 86.7	`rgb(13.3%,27.1%,86.7%)`
CMYK	85, 69, 0, 13
HSL	228.8°, 73.3, 50	`hsl(228.8,73.3%,50%)`
HSV (or HSB)	228.8°, 84.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.509, 44.488, -79.914
XYZ	15.836, 9.816, 69.463
xyY	0.166, 0.103, 9.816
CIE-LCH	37.509, 91.462, 299.105
CIE-LUV	37.509, -13.316, -112.405
Hunter-Lab	31.33, 35.399, -109.523
Binary	00100010, 01000101, 11011101

#2245dd
```
#2245dd rgb(34,69,221)
```
#ddba22
```
#ddba22 rgb(221,186,34)
```

Complementary Color

#22a3dd
```
#22a3dd rgb(34,163,221)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#5c22dd
```
#5c22dd rgb(92,34,221)
```

Analogous Color

#a3dd22
```
#a3dd22 rgb(163,221,34)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#dd5d22
```
#dd5d22 rgb(221,93,34)
```

Split Complementary Color

#45dd22
```
#45dd22 rgb(69,221,34)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#dd2245
```
#dd2245 rgb(221,34,69)
```

Triadic Color

#22ddba
```
#22ddba rgb(34,221,186)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#dd2245
```
#dd2245 rgb(221,34,69)
```
#ddba22
```
#ddba22 rgb(221,186,34)
```

Tetradic Color

#18309b
```
#18309b rgb(24,48,155)
```
#1b37b1
```
#1b37b1 rgb(27,55,177)
```
#1f3ec7
```
#1f3ec7 rgb(31,62,199)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#3858e0
```
#3858e0 rgb(56,88,224)
```
#4e6ae4
```
#4e6ae4 rgb(78,106,228)
```
#647de7
```
#647de7 rgb(100,125,231)
```

Monochromatic Color

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

#2274dd
```
#2274dd rgb(34,116,221)
```
#2264dd
```
#2264dd rgb(34,100,221)
```
#2255dd
```
#2255dd rgb(34,85,221)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#2235dd
```
#2235dd rgb(34,53,221)
```
#2226dd
```
#2226dd rgb(34,38,221)
```
#2e22dd
```
#2e22dd rgb(46,34,221)
```

Similar Colors

Text with hexadecimal color #2245dd

This text has a font color of #2245dd.

<span style="color:#2245dd;">Text here</span>

#2245dd background color

This paragraph has a background color of #2245dd.

<p style="background-color:#2245dd;">Content here</p>

#2245dd border color

This element has a border color of #2245dd.

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

CSS codes

.text {color:#2245dd;}

.background {background-color:#2245dd;}

.border {border:1px solid #2245dd;}

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

#030511
```
#030511 rgb(3,5,17)
```
#050b22
```
#050b22 rgb(5,11,34)
```
#081033
```
#081033 rgb(8,16,51)
```
#0a1544
```
#0a1544 rgb(10,21,68)
```
#0d1b55
```
#0d1b55 rgb(13,27,85)
```
#102066
```
#102066 rgb(16,32,102)
```
#122577
```
#122577 rgb(18,37,119)
```
#152a88
```
#152a88 rgb(21,42,136)
```
#183099
```
#183099 rgb(24,48,153)
```
#1a35aa
```
#1a35aa rgb(26,53,170)
```
#1d3abb
```
#1d3abb rgb(29,58,187)
```
#1f40cc
```
#1f40cc rgb(31,64,204)
```
#2245dd
```
#2245dd rgb(34,69,221)
```

Shade Color Variation

#3353e0
```
#3353e0 rgb(51,83,224)
```
#4462e2
```
#4462e2 rgb(68,98,226)
```
#5570e5
```
#5570e5 rgb(85,112,229)
```
#667ee7
```
#667ee7 rgb(102,126,231)
```
#778dea
```
#778dea rgb(119,141,234)
```
#889bed
```
#889bed rgb(136,155,237)
```
#99a9ef
```
#99a9ef rgb(153,169,239)
```
#aab7f2
```
#aab7f2 rgb(170,183,242)
```
#bbc6f5
```
#bbc6f5 rgb(187,198,245)
```
#ccd4f7
```
#ccd4f7 rgb(204,212,247)
```
#dde2fa
```
#dde2fa rgb(221,226,250)
```
#eef1fc
```
#eef1fc rgb(238,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a7c85
```
#7a7c85 rgb(122,124,133)
```
#70768f
```
#70768f rgb(112,118,143)
```
#677098
```
#677098 rgb(103,112,152)
```
#5d6aa2
```
#5d6aa2 rgb(93,106,162)
```
#5364ac
```
#5364ac rgb(83,100,172)
```
#495eb6
```
#495eb6 rgb(73,94,182)
```
#3f57c0
```
#3f57c0 rgb(63,87,192)
```
#3651c9
```
#3651c9 rgb(54,81,201)
```
#2c4bd3
```
#2c4bd3 rgb(44,75,211)
```
#2245dd
```
#2245dd rgb(34,69,221)
```
#183fe7
```
#183fe7 rgb(24,63,231)
```
#0e39f1
```
#0e39f1 rgb(14,57,241)
```
#0533fa
```
#0533fa rgb(5,51,250)
```

Tone Color Variation

Below, you can see how #2245dd 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

#4c4c4c Achromatopsia 0.005% of the population
#444b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0c55c5 Protanomaly 1% of men, 0.01% of women
#0c58b5 Deuteranomaly 6% of men, 0.4% of women
#0c5c97 Tritanomaly 0.01% of the population

#2245dd hex color

#2245dd Color Information

#2245dd Color Conversion

Color Schemes with #2245dd

Alternatives to #2245dd

#2245dd Preview

Shades and Tints of #2245dd

Tones of #2245dd

Color Blindness Simulator