#228694 hex color

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

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

● #228694 color description : Dark cyan.

The hexadecimal color #228694 has RGB values of R:34, G:134, B:148 and CMYK values of C:0.77, M:0.09, Y:0, K:0.42. Its decimal value is 2262676.

Hex triplet	228694	`#228694`
RGB Decimal	34, 134, 148	`rgb(34,134,148)`
RGB Percent	13.3, 52.5, 58	`rgb(13.3%,52.5%,58%)`
CMYK	77, 9, 0, 42
HSL	187.4°, 62.6, 35.7	`hsl(187.4,62.6%,35.7%)`
HSV (or HSB)	187.4°, 77, 58
Web Safe	339999	`#339999`

CIE-LAB	51.298, -22.738, -15.567
XYZ	14.529, 19.527, 31.019
xyY	0.223, 0.3, 19.527
CIE-LCH	51.298, 27.556, 214.397
CIE-LUV	51.298, -35.166, -19.683
Hunter-Lab	44.189, -18.644, -10.686
Binary	00100010, 10000110, 10010100

#228694
```
#228694 rgb(34,134,148)
```
#943022
```
#943022 rgb(148,48,34)
```

Complementary Color

#229469
```
#229469 rgb(34,148,105)
```
#228694
```
#228694 rgb(34,134,148)
```
#224d94
```
#224d94 rgb(34,77,148)
```

Analogous Color

#946922
```
#946922 rgb(148,105,34)
```
#228694
```
#228694 rgb(34,134,148)
```
#94224d
```
#94224d rgb(148,34,77)
```

Split Complementary Color

#869422
```
#869422 rgb(134,148,34)
```
#228694
```
#228694 rgb(34,134,148)
```
#942286
```
#942286 rgb(148,34,134)
```

Triadic Color

#229430
```
#229430 rgb(34,148,48)
```
#228694
```
#228694 rgb(34,134,148)
```
#942286
```
#942286 rgb(148,34,134)
```
#943022
```
#943022 rgb(148,48,34)
```

Tetradic Color

#144e56
```
#144e56 rgb(20,78,86)
```
#18606b
```
#18606b rgb(24,96,107)
```
#1d737f
```
#1d737f rgb(29,115,127)
```
#228694
```
#228694 rgb(34,134,148)
```
#2799a9
```
#2799a9 rgb(39,153,169)
```
#2cacbd
```
#2cacbd rgb(44,172,189)
```
#32bdd0
```
#32bdd0 rgb(50,189,208)
```

Monochromatic Color

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

#229486
```
#229486 rgb(34,148,134)
```
#22948f
```
#22948f rgb(34,148,143)
```
#229094
```
#229094 rgb(34,144,148)
```
#228694
```
#228694 rgb(34,134,148)
```
#227d94
```
#227d94 rgb(34,125,148)
```
#227394
```
#227394 rgb(34,115,148)
```
#226a94
```
#226a94 rgb(34,106,148)
```

Similar Colors

Text with hexadecimal color #228694

This text has a font color of #228694.

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

#228694 background color

This paragraph has a background color of #228694.

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

#228694 border color

This element has a border color of #228694.

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

CSS codes

.text {color:#228694;}

.background {background-color:#228694;}

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

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)
```
#082124
```
#082124 rgb(8,33,36)
```
#0c2f34
```
#0c2f34 rgb(12,47,52)
```
#103e44
```
#103e44 rgb(16,62,68)
```
#134c54
```
#134c54 rgb(19,76,84)
```
#175b64
```
#175b64 rgb(23,91,100)
```
#1b6974
```
#1b6974 rgb(27,105,116)
```
#1e7884
```
#1e7884 rgb(30,120,132)
```
#228694
```
#228694 rgb(34,134,148)
```
#2694a4
```
#2694a4 rgb(38,148,164)
```
#29a3b4
```
#29a3b4 rgb(41,163,180)
```
#2db1c4
```
#2db1c4 rgb(45,177,196)
```

Shade Color Variation

#34bdd0
```
#34bdd0 rgb(52,189,208)
```
#44c2d4
```
#44c2d4 rgb(68,194,212)
```
#54c8d8
```
#54c8d8 rgb(84,200,216)
```
#64cddb
```
#64cddb rgb(100,205,219)
```
#74d2df
```
#74d2df rgb(116,210,223)
```
#84d7e3
```
#84d7e3 rgb(132,215,227)
```
#94dce6
```
#94dce6 rgb(148,220,230)
```
#a4e1ea
```
#a4e1ea rgb(164,225,234)
```
#b4e7ee
```
#b4e7ee rgb(180,231,238)
```
#c4ecf1
```
#c4ecf1 rgb(196,236,241)
```
#d4f1f5
```
#d4f1f5 rgb(212,241,245)
```
#e4f6f9
```
#e4f6f9 rgb(228,246,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 #069bb0 is the most saturated one.

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536163
```
#536163 rgb(83,97,99)
```
#4c666a
```
#4c666a rgb(76,102,106)
```
#456c71
```
#456c71 rgb(69,108,113)
```
#3e7178
```
#3e7178 rgb(62,113,120)
```
#37767f
```
#37767f rgb(55,118,127)
```
#307b86
```
#307b86 rgb(48,123,134)
```
#29818d
```
#29818d rgb(41,129,141)
```
#228694
```
#228694 rgb(34,134,148)
```
#1b8b9b
```
#1b8b9b rgb(27,139,155)
```
#1491a2
```
#1491a2 rgb(20,145,162)
```
#0d96a9
```
#0d96a9 rgb(13,150,169)
```
#069bb0
```
#069bb0 rgb(6,155,176)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5c7072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8092 Protanopia 1% of men
#7c7e9e Deuteranopia 1% of men
#2b8c97 Tritanopia 0.001% of the population

Trichromacy

#5c8292 Protanomaly 1% of men, 0.01% of women
#5b819a Deuteranomaly 6% of men, 0.4% of women
#278a95 Tritanomaly 0.01% of the population

#228694 hex color

#228694 Color Information

#228694 Color Conversion

Color Schemes with #228694

Alternatives to #228694

#228694 Preview

Shades and Tints of #228694

Tones of #228694

Color Blindness Simulator