#2294d4 hex color

In a RGB color space, hex #2294d4 is composed of 13.3% red, 58% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 30.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 201.6 degrees, a saturation of 72.4% and a lightness of 48.2%. #2294d4 color hex could be obtained by blending #44ffff with #0029a9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 58
- B 83
RGB color chart
- C 84
- M 30
- Y 0
- K 17
CMYK color chart

● #2294d4 color description : Strong blue.

The hexadecimal color #2294d4 has RGB values of R:34, G:148, B:212 and CMYK values of C:0.84, M:0.3, Y:0, K:0.17. Its decimal value is 2266324.

Hex triplet	2294d4	`#2294d4`
RGB Decimal	34, 148, 212	`rgb(34,148,212)`
RGB Percent	13.3, 58, 83.1	`rgb(13.3%,58%,83.1%)`
CMYK	84, 30, 0, 17
HSL	201.6°, 72.4, 48.2	`hsl(201.6,72.4%,48.2%)`
HSV (or HSB)	201.6°, 84, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.294, -8.066, -41.285
XYZ	23.13, 26.271, 66.136
xyY	0.2, 0.227, 26.271
CIE-LCH	58.294, 42.065, 258.945
CIE-LUV	58.294, -36.032, -63.852
Hunter-Lab	51.255, -9.145, -40.624
Binary	00100010, 10010100, 11010100

#2294d4
```
#2294d4 rgb(34,148,212)
```
#d46222
```
#d46222 rgb(212,98,34)
```

Complementary Color

#22d4bb
```
#22d4bb rgb(34,212,187)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#223bd4
```
#223bd4 rgb(34,59,212)
```

Analogous Color

#d4bb22
```
#d4bb22 rgb(212,187,34)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#d4223b
```
#d4223b rgb(212,34,59)
```

Split Complementary Color

#94d422
```
#94d422 rgb(148,212,34)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#d42294
```
#d42294 rgb(212,34,148)
```

Triadic Color

#22d462
```
#22d462 rgb(34,212,98)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#d42294
```
#d42294 rgb(212,34,148)
```
#d46222
```
#d46222 rgb(212,98,34)
```

Tetradic Color

#176692
```
#176692 rgb(23,102,146)
```
#1b75a8
```
#1b75a8 rgb(27,117,168)
```
#1e85be
```
#1e85be rgb(30,133,190)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#31a0de
```
#31a0de rgb(49,160,222)
```
#47aae2
```
#47aae2 rgb(71,170,226)
```
#5db4e5
```
#5db4e5 rgb(93,180,229)
```

Monochromatic Color

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

#22c1d4
```
#22c1d4 rgb(34,193,212)
```
#22b2d4
```
#22b2d4 rgb(34,178,212)
```
#22a3d4
```
#22a3d4 rgb(34,163,212)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#2285d4
```
#2285d4 rgb(34,133,212)
```
#2276d4
```
#2276d4 rgb(34,118,212)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```

Similar Colors

Text with hexadecimal color #2294d4

This text has a font color of #2294d4.

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

#2294d4 background color

This paragraph has a background color of #2294d4.

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

#2294d4 border color

This element has a border color of #2294d4.

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

CSS codes

.text {color:#2294d4;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#04121a
```
#04121a rgb(4,18,26)
```
#071e2b
```
#071e2b rgb(7,30,43)
```
#0a2a3c
```
#0a2a3c rgb(10,42,60)
```
#0c364d
```
#0c364d rgb(12,54,77)
```
#0f415e
```
#0f415e rgb(15,65,94)
```
#124d6f
```
#124d6f rgb(18,77,111)
```
#14597f
```
#14597f rgb(20,89,127)
```
#176590
```
#176590 rgb(23,101,144)
```
#1a71a1
```
#1a71a1 rgb(26,113,161)
```
#1d7cb2
```
#1d7cb2 rgb(29,124,178)
```
#1f88c3
```
#1f88c3 rgb(31,136,195)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```

Shade Color Variation

#2c9edd
```
#2c9edd rgb(44,158,221)
```
#3da5e0
```
#3da5e0 rgb(61,165,224)
```
#4eade3
```
#4eade3 rgb(78,173,227)
```
#5fb5e5
```
#5fb5e5 rgb(95,181,229)
```
#70bde8
```
#70bde8 rgb(112,189,232)
```
#81c5eb
```
#81c5eb rgb(129,197,235)
```
#92cded
```
#92cded rgb(146,205,237)
```
#a3d4f0
```
#a3d4f0 rgb(163,212,240)
```
#b4dcf3
```
#b4dcf3 rgb(180,220,243)
```
#c5e4f6
```
#c5e4f6 rgb(197,228,246)
```
#d5ecf8
```
#d5ecf8 rgb(213,236,248)
```
#e6f4fb
```
#e6f4fb rgb(230,244,251)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c7f is the less saturated color, while #069cf0 is the most saturated one.

#777c7f
```
#777c7f rgb(119,124,127)
```
#6e7f88
```
#6e7f88 rgb(110,127,136)
```
#648192
```
#648192 rgb(100,129,146)
```
#5b849b
```
#5b849b rgb(91,132,155)
```
#5187a5
```
#5187a5 rgb(81,135,165)
```
#4889ae
```
#4889ae rgb(72,137,174)
```
#3e8cb8
```
#3e8cb8 rgb(62,140,184)
```
#358fc1
```
#358fc1 rgb(53,143,193)
```
#2b91cb
```
#2b91cb rgb(43,145,203)
```
#2294d4
```
#2294d4 rgb(34,148,212)
```
#1997dd
```
#1997dd rgb(25,151,221)
```
#0f99e7
```
#0f99e7 rgb(15,153,231)
```
#069cf0
```
#069cf0 rgb(6,156,240)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#687e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b90cf Protanopia 1% of men
#6a92d9 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#5a91d0 Protanomaly 1% of men, 0.01% of women
#4f92d7 Deuteranomaly 6% of men, 0.4% of women
#0c9bba Tritanomaly 0.01% of the population

#2294d4 hex color

#2294d4 Color Information

#2294d4 Color Conversion

Color Schemes with #2294d4

Alternatives to #2294d4

#2294d4 Preview

Shades and Tints of #2294d4

Tones of #2294d4

Color Blindness Simulator