#2294b5 hex color

In a RGB color space, hex #2294b5 is composed of 13.3% red, 58% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 18.2% magenta, 0% yellow and 29% black. It has a hue angle of 193.5 degrees, a saturation of 68.4% and a lightness of 42.2%. #2294b5 color hex could be obtained by blending #44ffff with #00296b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 58
- B 71
RGB color chart
- C 81
- M 18
- Y 0
- K 29
CMYK color chart

● #2294b5 color description : Strong cyan.

The hexadecimal color #2294b5 has RGB values of R:34, G:148, B:181 and CMYK values of C:0.81, M:0.18, Y:0, K:0.29. Its decimal value is 2266293.

Hex triplet	2294b5	`#2294b5`
RGB Decimal	34, 148, 181	`rgb(34,148,181)`
RGB Percent	13.3, 58, 71	`rgb(13.3%,58%,71%)`
CMYK	81, 18, 0, 29
HSL	193.5°, 68.4, 42.2	`hsl(193.5,68.4%,42.2%)`
HSV (or HSB)	193.5°, 81.2, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.933, -19.029, -25.915
XYZ	19.588, 24.854, 47.479
xyY	0.213, 0.27, 24.854
CIE-LCH	56.933, 32.151, 233.71
CIE-LUV	56.933, -38.001, -37.081
Hunter-Lab	49.854, -17.111, -21.567
Binary	00100010, 10010100, 10110101

#2294b5
```
#2294b5 rgb(34,148,181)
```
#b54322
```
#b54322 rgb(181,67,34)
```

Complementary Color

#22b58d
```
#22b58d rgb(34,181,141)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#224bb5
```
#224bb5 rgb(34,75,181)
```

Analogous Color

#b58d22
```
#b58d22 rgb(181,141,34)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#b5224a
```
#b5224a rgb(181,34,74)
```

Split Complementary Color

#94b522
```
#94b522 rgb(148,181,34)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#b52294
```
#b52294 rgb(181,34,148)
```

Triadic Color

#22b543
```
#22b543 rgb(34,181,67)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#b52294
```
#b52294 rgb(181,34,148)
```
#b54322
```
#b54322 rgb(181,67,34)
```

Tetradic Color

#165f75
```
#165f75 rgb(22,95,117)
```
#1a718a
```
#1a718a rgb(26,113,138)
```
#1e82a0
```
#1e82a0 rgb(30,130,160)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#26a6ca
```
#26a6ca rgb(38,166,202)
```
#32b3d8
```
#32b3d8 rgb(50,179,216)
```
#47bbdc
```
#47bbdc rgb(71,187,220)
```

Monochromatic Color

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

#22b5b1
```
#22b5b1 rgb(34,181,177)
```
#22adb5
```
#22adb5 rgb(34,173,181)
```
#22a0b5
```
#22a0b5 rgb(34,160,181)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#2288b5
```
#2288b5 rgb(34,136,181)
```
#227cb5
```
#227cb5 rgb(34,124,181)
```
#226fb5
```
#226fb5 rgb(34,111,181)
```

Similar Colors

Text with hexadecimal color #2294b5

This text has a font color of #2294b5.

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

#2294b5 background color

This paragraph has a background color of #2294b5.

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

#2294b5 border color

This element has a border color of #2294b5.

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

CSS codes

.text {color:#2294b5;}

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

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

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

#030d10
```
#030d10 rgb(3,13,16)
```
#061a20
```
#061a20 rgb(6,26,32)
```
#092831
```
#092831 rgb(9,40,49)
```
#0c3541
```
#0c3541 rgb(12,53,65)
```
#0f4352
```
#0f4352 rgb(15,67,82)
```
#125062
```
#125062 rgb(18,80,98)
```
#165e73
```
#165e73 rgb(22,94,115)
```
#196b83
```
#196b83 rgb(25,107,131)
```
#1c7994
```
#1c7994 rgb(28,121,148)
```
#1f86a4
```
#1f86a4 rgb(31,134,164)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#25a2c6
```
#25a2c6 rgb(37,162,198)
```
#28afd6
```
#28afd6 rgb(40,175,214)
```

Shade Color Variation

#38b5da
```
#38b5da rgb(56,181,218)
```
#49bcdd
```
#49bcdd rgb(73,188,221)
```
#59c2e0
```
#59c2e0 rgb(89,194,224)
```
#6ac8e3
```
#6ac8e3 rgb(106,200,227)
```
#7acee6
```
#7acee6 rgb(122,206,230)
```
#8bd4e9
```
#8bd4e9 rgb(139,212,233)
```
#9bdaec
```
#9bdaec rgb(155,218,236)
```
#ace0ef
```
#ace0ef rgb(172,224,239)
```
#bce6f2
```
#bce6f2 rgb(188,230,242)
```
#cdecf6
```
#cdecf6 rgb(205,236,246)
```
#ddf3f9
```
#ddf3f9 rgb(221,243,249)
```
#eef9fc
```
#eef9fc rgb(238,249,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#647073
```
#647073 rgb(100,112,115)
```
#5c747b
```
#5c747b rgb(92,116,123)
```
#547983
```
#547983 rgb(84,121,131)
```
#4b7d8c
```
#4b7d8c rgb(75,125,140)
```
#438294
```
#438294 rgb(67,130,148)
```
#3b869c
```
#3b869c rgb(59,134,156)
```
#338ba4
```
#338ba4 rgb(51,139,164)
```
#2a8fad
```
#2a8fad rgb(42,143,173)
```
#2294b5
```
#2294b5 rgb(34,148,181)
```
#1a99bd
```
#1a99bd rgb(26,153,189)
```
#119dc6
```
#119dc6 rgb(17,157,198)
```
#09a2ce
```
#09a2ce rgb(9,162,206)
```
#01a6d6
```
#01a6d6 rgb(1,166,214)
```

Tone Color Variation

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

#858db0 Protanopia 1% of men
#7f8dbd Deuteranopia 1% of men
#009ca8 Tritanopia 0.001% of the population

Trichromacy

#618fb2 Protanomaly 1% of men, 0.01% of women
#5d8fba Deuteranomaly 6% of men, 0.4% of women
#0c99ac Tritanomaly 0.01% of the population

#2294b5 hex color

#2294b5 Color Information

#2294b5 Color Conversion

Color Schemes with #2294b5

Alternatives to #2294b5

#2294b5 Preview

Shades and Tints of #2294b5

Tones of #2294b5

Color Blindness Simulator