#2294dc hex color

In a RGB color space, hex #2294dc is composed of 13.3% red, 58% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 32.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 203.2 degrees, a saturation of 73.2% and a lightness of 49.8%. #2294dc color hex could be obtained by blending #44ffff with #0029b9. Closest websafe color is: #3399cc.

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

● #2294dc color description : Bright blue.

The hexadecimal color #2294dc has RGB values of R:34, G:148, B:220 and CMYK values of C:0.85, M:0.33, Y:0, K:0.14. Its decimal value is 2266332.

Hex triplet	2294dc	`#2294dc`
RGB Decimal	34, 148, 220	`rgb(34,148,220)`
RGB Percent	13.3, 58, 86.3	`rgb(13.3%,58%,86.3%)`
CMYK	85, 33, 0, 14
HSL	203.2°, 73.2, 49.8	`hsl(203.2,73.2%,49.8%)`
HSV (or HSB)	203.2°, 84.5, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.682, -5.153, -45.144
XYZ	24.165, 26.685, 71.583
xyY	0.197, 0.218, 26.685
CIE-LCH	58.682, 45.437, 263.488
CIE-LUV	58.682, -35.564, -70.643
Hunter-Lab	51.658, -6.901, -46
Binary	00100010, 10010100, 11011100

#2294dc
```
#2294dc rgb(34,148,220)
```
#dc6a22
```
#dc6a22 rgb(220,106,34)
```

Complementary Color

#22dcc7
```
#22dcc7 rgb(34,220,199)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#2237dc
```
#2237dc rgb(34,55,220)
```

Analogous Color

#dcc722
```
#dcc722 rgb(220,199,34)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#dc2237
```
#dc2237 rgb(220,34,55)
```

Split Complementary Color

#94dc22
```
#94dc22 rgb(148,220,34)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#dc2294
```
#dc2294 rgb(220,34,148)
```

Triadic Color

#22dc6a
```
#22dc6a rgb(34,220,106)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#dc2294
```
#dc2294 rgb(220,34,148)
```
#dc6a22
```
#dc6a22 rgb(220,106,34)
```

Tetradic Color

#18679a
```
#18679a rgb(24,103,154)
```
#1b76b0
```
#1b76b0 rgb(27,118,176)
```
#1f85c6
```
#1f85c6 rgb(31,133,198)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#379fe0
```
#379fe0 rgb(55,159,224)
```
#4da9e4
```
#4da9e4 rgb(77,169,228)
```
#64b4e7
```
#64b4e7 rgb(100,180,231)
```

Monochromatic Color

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

#22c3dc
```
#22c3dc rgb(34,195,220)
```
#22b3dc
```
#22b3dc rgb(34,179,220)
```
#22a4dc
```
#22a4dc rgb(34,164,220)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#2285dc
```
#2285dc rgb(34,133,220)
```
#2275dc
```
#2275dc rgb(34,117,220)
```
#2266dc
```
#2266dc rgb(34,102,220)
```

Similar Colors

Text with hexadecimal color #2294dc

This text has a font color of #2294dc.

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

#2294dc background color

This paragraph has a background color of #2294dc.

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

#2294dc border color

This element has a border color of #2294dc.

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

CSS codes

.text {color:#2294dc;}

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

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

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, #020b10 is the darkest color, while #feffff is the lightest one.

#020b10
```
#020b10 rgb(2,11,16)
```
#051621
```
#051621 rgb(5,22,33)
```
#082232
```
#082232 rgb(8,34,50)
```
#0a2d43
```
#0a2d43 rgb(10,45,67)
```
#0d3954
```
#0d3954 rgb(13,57,84)
```
#104465
```
#104465 rgb(16,68,101)
```
#124f76
```
#124f76 rgb(18,79,118)
```
#155b87
```
#155b87 rgb(21,91,135)
```
#176698
```
#176698 rgb(23,102,152)
```
#1a72a9
```
#1a72a9 rgb(26,114,169)
```
#1d7dba
```
#1d7dba rgb(29,125,186)
```
#1f89cb
```
#1f89cb rgb(31,137,203)
```
#2294dc
```
#2294dc rgb(34,148,220)
```

Shade Color Variation

#329cdf
```
#329cdf rgb(50,156,223)
```
#43a5e2
```
#43a5e2 rgb(67,165,226)
```
#54ade5
```
#54ade5 rgb(84,173,229)
```
#65b5e7
```
#65b5e7 rgb(101,181,231)
```
#76bdea
```
#76bdea rgb(118,189,234)
```
#87c5ec
```
#87c5ec rgb(135,197,236)
```
#98cdef
```
#98cdef rgb(152,205,239)
```
#a9d6f2
```
#a9d6f2 rgb(169,214,242)
```
#badef4
```
#badef4 rgb(186,222,244)
```
#cbe6f7
```
#cbe6f7 rgb(203,230,247)
```
#dceefa
```
#dceefa rgb(220,238,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7a8084
```
#7a8084 rgb(122,128,132)
```
#70828e
```
#70828e rgb(112,130,142)
```
#668598
```
#668598 rgb(102,133,152)
```
#5d87a1
```
#5d87a1 rgb(93,135,161)
```
#5389ab
```
#5389ab rgb(83,137,171)
```
#498bb5
```
#498bb5 rgb(73,139,181)
```
#3f8dbf
```
#3f8dbf rgb(63,141,191)
```
#3690c8
```
#3690c8 rgb(54,144,200)
```
#2c92d2
```
#2c92d2 rgb(44,146,210)
```
#2294dc
```
#2294dc rgb(34,148,220)
```
#1896e6
```
#1896e6 rgb(24,150,230)
```
#0e98f0
```
#0e98f0 rgb(14,152,240)
```
#059bf9
```
#059bf9 rgb(5,155,249)
```

Tone Color Variation

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

#7890d7 Protanopia 1% of men
#6293e0 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5891d8 Protanomaly 1% of men, 0.01% of women
#4b93de Deuteranomaly 6% of men, 0.4% of women
#0c9cbd Tritanomaly 0.01% of the population

#2294dc hex color

#2294dc Color Information

#2294dc Color Conversion

Color Schemes with #2294dc

Alternatives to #2294dc

#2294dc Preview

Shades and Tints of #2294dc

Tones of #2294dc

Color Blindness Simulator