#226660 hex color

In a RGB color space, hex #226660 is composed of 13.3% red, 40% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 5.9% yellow and 60% black. It has a hue angle of 174.7 degrees, a saturation of 50% and a lightness of 26.7%. #226660 color hex could be obtained by blending #44ccc0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 40
- B 38
RGB color chart
- C 67
- M 0
- Y 6
- K 60
CMYK color chart

● #226660 color description : Very dark cyan.

The hexadecimal color #226660 has RGB values of R:34, G:102, B:96 and CMYK values of C:0.67, M:0, Y:0.06, K:0.6. Its decimal value is 2254432.

Hex triplet	226660	`#226660`
RGB Decimal	34, 102, 96	`rgb(34,102,96)`
RGB Percent	13.3, 40, 37.6	`rgb(13.3%,40%,37.6%)`
CMYK	67, 0, 6, 60
HSL	174.7°, 50, 26.7	`hsl(174.7,50%,26.7%)`
HSV (or HSB)	174.7°, 66.7, 40
Web Safe	336666	`#336666`

CIE-LAB	39.048, -22.609, -2.891
XYZ	7.522, 10.687, 12.732
xyY	0.243, 0.345, 10.687
CIE-LCH	39.048, 22.793, 187.287
CIE-LUV	39.048, -26.295, -0.753
Hunter-Lab	32.691, -16.138, -0.208
Binary	00100010, 01100110, 01100000

#226660
```
#226660 rgb(34,102,96)
```
#662228
```
#662228 rgb(102,34,40)
```

Complementary Color

#22663e
```
#22663e rgb(34,102,62)
```
#226660
```
#226660 rgb(34,102,96)
```
#224a66
```
#224a66 rgb(34,74,102)
```

Analogous Color

#663e22
```
#663e22 rgb(102,62,34)
```
#226660
```
#226660 rgb(34,102,96)
```
#66224a
```
#66224a rgb(102,34,74)
```

Split Complementary Color

#666022
```
#666022 rgb(102,96,34)
```
#226660
```
#226660 rgb(34,102,96)
```
#602266
```
#602266 rgb(96,34,102)
```

Triadic Color

#286622
```
#286622 rgb(40,102,34)
```
#226660
```
#226660 rgb(34,102,96)
```
#602266
```
#602266 rgb(96,34,102)
```
#662228
```
#662228 rgb(102,34,40)
```

Tetradic Color

#0f2d2a
```
#0f2d2a rgb(15,45,42)
```
#15403c
```
#15403c rgb(21,64,60)
```
#1c534e
```
#1c534e rgb(28,83,78)
```
#226660
```
#226660 rgb(34,102,96)
```
#287972
```
#287972 rgb(40,121,114)
```
#2f8c84
```
#2f8c84 rgb(47,140,132)
```
#359f96
```
#359f96 rgb(53,159,150)
```

Monochromatic Color

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

#22664f
```
#22664f rgb(34,102,79)
```
#226655
```
#226655 rgb(34,102,85)
```
#22665a
```
#22665a rgb(34,102,90)
```
#226660
```
#226660 rgb(34,102,96)
```
#226666
```
#226666 rgb(34,102,102)
```
#226166
```
#226166 rgb(34,97,102)
```
#225b66
```
#225b66 rgb(34,91,102)
```

Similar Colors

Text with hexadecimal color #226660

This text has a font color of #226660.

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

#226660 background color

This paragraph has a background color of #226660.

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

#226660 border color

This element has a border color of #226660.

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

CSS codes

.text {color:#226660;}

.background {background-color:#226660;}

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

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

#050e0d
```
#050e0d rgb(5,14,13)
```
#091c1b
```
#091c1b rgb(9,28,27)
```
#0e2b29
```
#0e2b29 rgb(14,43,41)
```
#133a36
```
#133a36 rgb(19,58,54)
```
#184944
```
#184944 rgb(24,73,68)
```
#1d5752
```
#1d5752 rgb(29,87,82)
```
#226660
```
#226660 rgb(34,102,96)
```
#27756e
```
#27756e rgb(39,117,110)
```
#2c837c
```
#2c837c rgb(44,131,124)
```
#31928a
```
#31928a rgb(49,146,138)
```
#36a197
```
#36a197 rgb(54,161,151)
```
#3bb0a5
```
#3bb0a5 rgb(59,176,165)
```
#3fbeb3
```
#3fbeb3 rgb(63,190,179)
```

Shade Color Variation

#4dc4b9
```
#4dc4b9 rgb(77,196,185)
```
#5cc9bf
```
#5cc9bf rgb(92,201,191)
```
#6bcec5
```
#6bcec5 rgb(107,206,197)
```
#7ad3cb
```
#7ad3cb rgb(122,211,203)
```
#88d7d0
```
#88d7d0 rgb(136,215,208)
```
#97dcd6
```
#97dcd6 rgb(151,220,214)
```
#a6e1dc
```
#a6e1dc rgb(166,225,220)
```
#b4e6e2
```
#b4e6e2 rgb(180,230,226)
```
#c3ebe8
```
#c3ebe8 rgb(195,235,232)
```
#d2f0ed
```
#d2f0ed rgb(210,240,237)
```
#e1f5f3
```
#e1f5f3 rgb(225,245,243)
```
#effaf9
```
#effaf9 rgb(239,250,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#414746
```
#414746 rgb(65,71,70)
```
#3c4c4a
```
#3c4c4a rgb(60,76,74)
```
#37514f
```
#37514f rgb(55,81,79)
```
#325653
```
#325653 rgb(50,86,83)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#27615c
```
#27615c rgb(39,97,92)
```
#226660
```
#226660 rgb(34,102,96)
```
#1d6b64
```
#1d6b64 rgb(29,107,100)
```
#187069
```
#187069 rgb(24,112,105)
```
#12766d
```
#12766d rgb(18,118,109)
```
#0d7b71
```
#0d7b71 rgb(13,123,113)
```
#088076
```
#088076 rgb(8,128,118)
```
#03857a
```
#03857a rgb(3,133,122)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#485554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666362 Protanopia 1% of men
#69616c Deuteranopia 1% of men
#336c74 Tritanopia 0.001% of the population

Trichromacy

#4d6461 Protanomaly 1% of men, 0.01% of women
#4f6368 Deuteranomaly 6% of men, 0.4% of women
#2d696c Tritanomaly 0.01% of the population

#226660 hex color

#226660 Color Information

#226660 Color Conversion

Color Schemes with #226660

Alternatives to #226660

#226660 Preview

Shades and Tints of #226660

Tones of #226660

Color Blindness Simulator