#228294 hex color

In a RGB color space, hex #228294 is composed of 13.3% red, 51% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 12.2% magenta, 0% yellow and 42% black. It has a hue angle of 189.5 degrees, a saturation of 62.6% and a lightness of 35.7%. #228294 color hex could be obtained by blending #44ffff with #000529. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 51
- B 58
RGB color chart
- C 77
- M 12
- Y 0
- K 42
CMYK color chart

● #228294 color description : Dark cyan.

The hexadecimal color #228294 has RGB values of R:34, G:130, B:148 and CMYK values of C:0.77, M:0.12, Y:0, K:0.42. Its decimal value is 2261652.

Hex triplet	228294	`#228294`
RGB Decimal	34, 130, 148	`rgb(34,130,148)`
RGB Percent	13.3, 51, 58	`rgb(13.3%,51%,58%)`
CMYK	77, 12, 0, 42
HSL	189.5°, 62.6, 35.7	`hsl(189.5,62.6%,35.7%)`
HSV (or HSB)	189.5°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	50.028, -20.633, -17.501
XYZ	13.986, 18.442, 30.838
xyY	0.221, 0.292, 18.442
CIE-LCH	50.028, 27.055, 220.305
CIE-LUV	50.028, -33.703, -22.84
Hunter-Lab	42.944, -17.019, -12.515
Binary	00100010, 10000010, 10010100

#228294
```
#228294 rgb(34,130,148)
```
#943422
```
#943422 rgb(148,52,34)
```

Complementary Color

#22946d
```
#22946d rgb(34,148,109)
```
#228294
```
#228294 rgb(34,130,148)
```
#224994
```
#224994 rgb(34,73,148)
```

Analogous Color

#946d22
```
#946d22 rgb(148,109,34)
```
#228294
```
#228294 rgb(34,130,148)
```
#942249
```
#942249 rgb(148,34,73)
```

Split Complementary Color

#829422
```
#829422 rgb(130,148,34)
```
#228294
```
#228294 rgb(34,130,148)
```
#942282
```
#942282 rgb(148,34,130)
```

Triadic Color

#229434
```
#229434 rgb(34,148,52)
```
#228294
```
#228294 rgb(34,130,148)
```
#942282
```
#942282 rgb(148,34,130)
```
#943422
```
#943422 rgb(148,52,34)
```

Tetradic Color

#144b56
```
#144b56 rgb(20,75,86)
```
#185e6b
```
#185e6b rgb(24,94,107)
```
#1d707f
```
#1d707f rgb(29,112,127)
```
#228294
```
#228294 rgb(34,130,148)
```
#2794a9
```
#2794a9 rgb(39,148,169)
```
#2ca6bd
```
#2ca6bd rgb(44,166,189)
```
#32b7d0
```
#32b7d0 rgb(50,183,208)
```

Monochromatic Color

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

#22948a
```
#22948a rgb(34,148,138)
```
#229493
```
#229493 rgb(34,148,147)
```
#228c94
```
#228c94 rgb(34,140,148)
```
#228294
```
#228294 rgb(34,130,148)
```
#227994
```
#227994 rgb(34,121,148)
```
#226f94
```
#226f94 rgb(34,111,148)
```
#226694
```
#226694 rgb(34,102,148)
```

Similar Colors

Text with hexadecimal color #228294

This text has a font color of #228294.

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

#228294 background color

This paragraph has a background color of #228294.

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

#228294 border color

This element has a border color of #228294.

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

CSS codes

.text {color:#228294;}

.background {background-color:#228294;}

.border {border:1px solid #228294;}

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

#010404
```
#010404 rgb(1,4,4)
```
#051214
```
#051214 rgb(5,18,20)
```
#082024
```
#082024 rgb(8,32,36)
```
#0c2e34
```
#0c2e34 rgb(12,46,52)
```
#103c44
```
#103c44 rgb(16,60,68)
```
#134a54
```
#134a54 rgb(19,74,84)
```
#175864
```
#175864 rgb(23,88,100)
```
#1b6674
```
#1b6674 rgb(27,102,116)
```
#1e7484
```
#1e7484 rgb(30,116,132)
```
#228294
```
#228294 rgb(34,130,148)
```
#2690a4
```
#2690a4 rgb(38,144,164)
```
#299eb4
```
#299eb4 rgb(41,158,180)
```
#2dacc4
```
#2dacc4 rgb(45,172,196)
```

Shade Color Variation

#34b8d0
```
#34b8d0 rgb(52,184,208)
```
#44bdd4
```
#44bdd4 rgb(68,189,212)
```
#54c3d8
```
#54c3d8 rgb(84,195,216)
```
#64c9db
```
#64c9db rgb(100,201,219)
```
#74cedf
```
#74cedf rgb(116,206,223)
```
#84d4e3
```
#84d4e3 rgb(132,212,227)
```
#94d9e6
```
#94d9e6 rgb(148,217,230)
```
#a4dfea
```
#a4dfea rgb(164,223,234)
```
#b4e5ee
```
#b4e5ee rgb(180,229,238)
```
#c4eaf1
```
#c4eaf1 rgb(196,234,241)
```
#d4f0f5
```
#d4f0f5 rgb(212,240,245)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5c5c is the less saturated color, while #0695b0 is the most saturated one.

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536063
```
#536063 rgb(83,96,99)
```
#4c656a
```
#4c656a rgb(76,101,106)
```
#456a71
```
#456a71 rgb(69,106,113)
```
#3e6f78
```
#3e6f78 rgb(62,111,120)
```
#37747f
```
#37747f rgb(55,116,127)
```
#307886
```
#307886 rgb(48,120,134)
```
#297d8d
```
#297d8d rgb(41,125,141)
```
#228294
```
#228294 rgb(34,130,148)
```
#1b879b
```
#1b879b rgb(27,135,155)
```
#148ca2
```
#148ca2 rgb(20,140,162)
```
#0d90a9
```
#0d90a9 rgb(13,144,169)
```
#0695b0
```
#0695b0 rgb(6,149,176)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d92 Protanopia 1% of men
#777c9e Deuteranopia 1% of men
#278993 Tritanopia 0.001% of the population

Trichromacy

#597e93 Protanomaly 1% of men, 0.01% of women
#587e9a Deuteranomaly 6% of men, 0.4% of women
#258693 Tritanomaly 0.01% of the population

#228294 hex color

#228294 Color Information

#228294 Color Conversion

Color Schemes with #228294

Alternatives to #228294

#228294 Preview

Shades and Tints of #228294

Tones of #228294

Color Blindness Simulator