#2294b8 hex color

In a RGB color space, hex #2294b8 is composed of 13.3% red, 58% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 19.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 194.4 degrees, a saturation of 68.8% and a lightness of 42.7%. #2294b8 color hex could be obtained by blending #44ffff with #002971. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 58
- B 72
RGB color chart
- C 82
- M 20
- Y 0
- K 28
CMYK color chart

● #2294b8 color description : Strong cyan.

The hexadecimal color #2294b8 has RGB values of R:34, G:148, B:184 and CMYK values of C:0.82, M:0.2, Y:0, K:0.28. Its decimal value is 2266296.

Hex triplet	2294b8	`#2294b8`
RGB Decimal	34, 148, 184	`rgb(34,148,184)`
RGB Percent	13.3, 58, 72.2	`rgb(13.3%,58%,72.2%)`
CMYK	82, 20, 0, 28
HSL	194.4°, 68.8, 42.7	`hsl(194.4,68.8%,42.7%)`
HSV (or HSB)	194.4°, 81.5, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.055, -17.997, -27.431
XYZ	19.899, 24.979, 49.117
xyY	0.212, 0.266, 24.979
CIE-LCH	57.055, 32.808, 236.731
CIE-LUV	57.055, -37.802, -39.688
Hunter-Lab	49.979, -16.393, -23.283
Binary	00100010, 10010100, 10111000

#2294b8
```
#2294b8 rgb(34,148,184)
```
#b84622
```
#b84622 rgb(184,70,34)
```

Complementary Color

#22b891
```
#22b891 rgb(34,184,145)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#2249b8
```
#2249b8 rgb(34,73,184)
```

Analogous Color

#b89122
```
#b89122 rgb(184,145,34)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#b82249
```
#b82249 rgb(184,34,73)
```

Split Complementary Color

#94b822
```
#94b822 rgb(148,184,34)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#b82294
```
#b82294 rgb(184,34,148)
```

Triadic Color

#22b846
```
#22b846 rgb(34,184,70)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#b82294
```
#b82294 rgb(184,34,148)
```
#b84622
```
#b84622 rgb(184,70,34)
```

Tetradic Color

#166077
```
#166077 rgb(22,96,119)
```
#1a718d
```
#1a718d rgb(26,113,141)
```
#1e83a2
```
#1e83a2 rgb(30,131,162)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#26a5ce
```
#26a5ce rgb(38,165,206)
```
#34b2d9
```
#34b2d9 rgb(52,178,217)
```
#49badd
```
#49badd rgb(73,186,221)
```

Monochromatic Color

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

#22b8b7
```
#22b8b7 rgb(34,184,183)
```
#22adb8
```
#22adb8 rgb(34,173,184)
```
#22a1b8
```
#22a1b8 rgb(34,161,184)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#2288b8
```
#2288b8 rgb(34,136,184)
```
#227bb8
```
#227bb8 rgb(34,123,184)
```
#226fb8
```
#226fb8 rgb(34,111,184)
```

Similar Colors

Text with hexadecimal color #2294b8

This text has a font color of #2294b8.

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

#2294b8 background color

This paragraph has a background color of #2294b8.

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

#2294b8 border color

This element has a border color of #2294b8.

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

CSS codes

.text {color:#2294b8;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#061c23
```
#061c23 rgb(6,28,35)
```
#0a2934
```
#0a2934 rgb(10,41,52)
```
#0d3744
```
#0d3744 rgb(13,55,68)
```
#104455
```
#104455 rgb(16,68,85)
```
#135165
```
#135165 rgb(19,81,101)
```
#165f76
```
#165f76 rgb(22,95,118)
```
#196c86
```
#196c86 rgb(25,108,134)
```
#1c7997
```
#1c7997 rgb(28,121,151)
```
#1f87a7
```
#1f87a7 rgb(31,135,167)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#25a1c9
```
#25a1c9 rgb(37,161,201)
```

Shade Color Variation

#2aaed8
```
#2aaed8 rgb(42,174,216)
```
#3ab4db
```
#3ab4db rgb(58,180,219)
```
#4bbade
```
#4bbade rgb(75,186,222)
```
#5bc1e1
```
#5bc1e1 rgb(91,193,225)
```
#6cc7e4
```
#6cc7e4 rgb(108,199,228)
```
#7ccde7
```
#7ccde7 rgb(124,205,231)
```
#8dd4ea
```
#8dd4ea rgb(141,212,234)
```
#9edaed
```
#9edaed rgb(158,218,237)
```
#aee0f0
```
#aee0f0 rgb(174,224,240)
```
#bfe7f3
```
#bfe7f3 rgb(191,231,243)
```
#cfedf6
```
#cfedf6 rgb(207,237,246)
```
#e0f3f9
```
#e0f3f9 rgb(224,243,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #657175 is the less saturated color, while #00a5da is the most saturated one.

#657175
```
#657175 rgb(101,113,117)
```
#5d757d
```
#5d757d rgb(93,117,125)
```
#547a86
```
#547a86 rgb(84,122,134)
```
#4c7e8e
```
#4c7e8e rgb(76,126,142)
```
#448396
```
#448396 rgb(68,131,150)
```
#3b879f
```
#3b879f rgb(59,135,159)
```
#338ba7
```
#338ba7 rgb(51,139,167)
```
#2a90b0
```
#2a90b0 rgb(42,144,176)
```
#2294b8
```
#2294b8 rgb(34,148,184)
```
#1a98c0
```
#1a98c0 rgb(26,152,192)
```
#119dc9
```
#119dc9 rgb(17,157,201)
```
#09a1d1
```
#09a1d1 rgb(9,161,209)
```
#00a5da
```
#00a5da rgb(0,165,218)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#657c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848db3 Protanopia 1% of men
#7d8dc0 Deuteranopia 1% of men
#009ca8 Tritanopia 0.001% of the population

Trichromacy

#608fb5 Protanomaly 1% of men, 0.01% of women
#5c8fbd Deuteranomaly 6% of men, 0.4% of women
#0c99ae Tritanomaly 0.01% of the population

#2294b8 hex color

#2294b8 Color Information

#2294b8 Color Conversion

Color Schemes with #2294b8

Alternatives to #2294b8

#2294b8 Preview

Shades and Tints of #2294b8

Tones of #2294b8

Color Blindness Simulator