#2294dd hex color

In a RGB color space, hex #2294dd is composed of 13.3% red, 58% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 33% magenta, 0% yellow and 13.3% black. It has a hue angle of 203.4 degrees, a saturation of 73.3% and a lightness of 50%. #2294dd color hex could be obtained by blending #44ffff with #0029bb. Closest websafe color is: #3399cc.

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

● #2294dd color description : Bright blue.

The hexadecimal color #2294dd has RGB values of R:34, G:148, B:221 and CMYK values of C:0.85, M:0.33, Y:0, K:0.13. Its decimal value is 2266333.

Hex triplet	2294dd	`#2294dd`
RGB Decimal	34, 148, 221	`rgb(34,148,221)`
RGB Percent	13.3, 58, 86.7	`rgb(13.3%,58%,86.7%)`
CMYK	85, 33, 0, 13
HSL	203.4°, 73.3, 50	`hsl(203.4,73.3%,50%)`
HSV (or HSB)	203.4°, 84.6, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.731, -4.787, -45.624
XYZ	24.298, 26.738, 72.283
xyY	0.197, 0.217, 26.738
CIE-LCH	58.731, 45.874, 264.01
CIE-LUV	58.731, -35.507, -71.487
Hunter-Lab	51.709, -6.615, -46.684
Binary	00100010, 10010100, 11011101

#2294dd
```
#2294dd rgb(34,148,221)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```

Complementary Color

#22ddc9
```
#22ddc9 rgb(34,221,201)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#2237dd
```
#2237dd rgb(34,55,221)
```

Analogous Color

#ddc922
```
#ddc922 rgb(221,201,34)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#dd2237
```
#dd2237 rgb(221,34,55)
```

Split Complementary Color

#94dd22
```
#94dd22 rgb(148,221,34)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#dd2294
```
#dd2294 rgb(221,34,148)
```

Triadic Color

#22dd6b
```
#22dd6b rgb(34,221,107)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#dd2294
```
#dd2294 rgb(221,34,148)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```

Tetradic Color

#18689b
```
#18689b rgb(24,104,155)
```
#1b76b1
```
#1b76b1 rgb(27,118,177)
```
#1f85c7
```
#1f85c7 rgb(31,133,199)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#389fe0
```
#389fe0 rgb(56,159,224)
```
#4ea9e4
```
#4ea9e4 rgb(78,169,228)
```
#64b4e7
```
#64b4e7 rgb(100,180,231)
```

Monochromatic Color

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

#22c3dd
```
#22c3dd rgb(34,195,221)
```
#22b3dd
```
#22b3dd rgb(34,179,221)
```
#22a4dd
```
#22a4dd rgb(34,164,221)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#2284dd
```
#2284dd rgb(34,132,221)
```
#2275dd
```
#2275dd rgb(34,117,221)
```
#2265dd
```
#2265dd rgb(34,101,221)
```

Similar Colors

Text with hexadecimal color #2294dd

This text has a font color of #2294dd.

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

#2294dd background color

This paragraph has a background color of #2294dd.

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

#2294dd border color

This element has a border color of #2294dd.

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

CSS codes

.text {color:#2294dd;}

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

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

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

#030b11
```
#030b11 rgb(3,11,17)
```
#051722
```
#051722 rgb(5,23,34)
```
#082233
```
#082233 rgb(8,34,51)
```
#0a2e44
```
#0a2e44 rgb(10,46,68)
```
#0d3955
```
#0d3955 rgb(13,57,85)
```
#104466
```
#104466 rgb(16,68,102)
```
#125077
```
#125077 rgb(18,80,119)
```
#155b88
```
#155b88 rgb(21,91,136)
```
#186699
```
#186699 rgb(24,102,153)
```
#1a72aa
```
#1a72aa rgb(26,114,170)
```
#1d7dbb
```
#1d7dbb rgb(29,125,187)
```
#1f89cc
```
#1f89cc rgb(31,137,204)
```
#2294dd
```
#2294dd rgb(34,148,221)
```

Shade Color Variation

#339ce0
```
#339ce0 rgb(51,156,224)
```
#44a4e2
```
#44a4e2 rgb(68,164,226)
```
#55ade5
```
#55ade5 rgb(85,173,229)
```
#66b5e7
```
#66b5e7 rgb(102,181,231)
```
#77bdea
```
#77bdea rgb(119,189,234)
```
#88c5ed
```
#88c5ed rgb(136,197,237)
```
#99ceef
```
#99ceef rgb(153,206,239)
```
#aad6f2
```
#aad6f2 rgb(170,214,242)
```
#bbdef5
```
#bbdef5 rgb(187,222,245)
```
#cce6f7
```
#cce6f7 rgb(204,230,247)
```
#ddeffa
```
#ddeffa rgb(221,239,250)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a8185
```
#7a8185 rgb(122,129,133)
```
#70838f
```
#70838f rgb(112,131,143)
```
#678598
```
#678598 rgb(103,133,152)
```
#5d87a2
```
#5d87a2 rgb(93,135,162)
```
#5389ac
```
#5389ac rgb(83,137,172)
```
#498bb6
```
#498bb6 rgb(73,139,182)
```
#3f8ec0
```
#3f8ec0 rgb(63,142,192)
```
#3690c9
```
#3690c9 rgb(54,144,201)
```
#2c92d3
```
#2c92d3 rgb(44,146,211)
```
#2294dd
```
#2294dd rgb(34,148,221)
```
#1896e7
```
#1896e7 rgb(24,150,231)
```
#0e98f1
```
#0e98f1 rgb(14,152,241)
```
#059afa
```
#059afa rgb(5,154,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#687f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7790d8 Protanopia 1% of men
#6193e1 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5892d9 Protanomaly 1% of men, 0.01% of women
#4a93df Deuteranomaly 6% of men, 0.4% of women
#0c9cbe Tritanomaly 0.01% of the population

#2294dd hex color

#2294dd Color Information

#2294dd Color Conversion

Color Schemes with #2294dd

Alternatives to #2294dd

#2294dd Preview

Shades and Tints of #2294dd

Tones of #2294dd

Color Blindness Simulator