#226866 hex color

In a RGB color space, hex #226866 is composed of 13.3% red, 40.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0% magenta, 1.9% yellow and 59.2% black. It has a hue angle of 178.3 degrees, a saturation of 50.7% and a lightness of 27.1%. #226866 color hex could be obtained by blending #44d0cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 41
- B 40
RGB color chart
- C 67
- M 0
- Y 2
- K 59
CMYK color chart

● #226866 color description : Very dark cyan.

The hexadecimal color #226866 has RGB values of R:34, G:104, B:102 and CMYK values of C:0.67, M:0, Y:0.02, K:0.59. Its decimal value is 2254950.

Hex triplet	226866	`#226866`
RGB Decimal	34, 104, 102	`rgb(34,104,102)`
RGB Percent	13.3, 40.8, 40	`rgb(13.3%,40.8%,40%)`
CMYK	67, 0, 2, 59
HSL	178.3°, 50.7, 27.1	`hsl(178.3,50.7%,27.1%)`
HSV (or HSB)	178.3°, 67.3, 40.8
Web Safe	336666	`#336666`

CIE-LAB	39.914, -21.818, -5.28
XYZ	8.008, 11.199, 14.309
xyY	0.239, 0.334, 11.199
CIE-LCH	39.914, 22.448, 193.603
CIE-LUV	39.914, -26.74, -4.116
Hunter-Lab	33.465, -15.853, -1.926
Binary	00100010, 01101000, 01100110

#226866
```
#226866 rgb(34,104,102)
```
#682224
```
#682224 rgb(104,34,36)
```

Complementary Color

#226843
```
#226843 rgb(34,104,67)
```
#226866
```
#226866 rgb(34,104,102)
```
#224768
```
#224768 rgb(34,71,104)
```

Analogous Color

#684322
```
#684322 rgb(104,67,34)
```
#226866
```
#226866 rgb(34,104,102)
```
#682247
```
#682247 rgb(104,34,71)
```

Split Complementary Color

#686622
```
#686622 rgb(104,102,34)
```
#226866
```
#226866 rgb(34,104,102)
```
#662268
```
#662268 rgb(102,34,104)
```

Triadic Color

#246822
```
#246822 rgb(36,104,34)
```
#226866
```
#226866 rgb(34,104,102)
```
#662268
```
#662268 rgb(102,34,104)
```
#682224
```
#682224 rgb(104,34,36)
```

Tetradic Color

#0f2e2d
```
#0f2e2d rgb(15,46,45)
```
#154240
```
#154240 rgb(21,66,64)
```
#1c5553
```
#1c5553 rgb(28,85,83)
```
#226866
```
#226866 rgb(34,104,102)
```
#287b79
```
#287b79 rgb(40,123,121)
```
#2f8e8c
```
#2f8e8c rgb(47,142,140)
```
#35a29f
```
#35a29f rgb(53,162,159)
```

Monochromatic Color

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

#226855
```
#226855 rgb(34,104,85)
```
#22685a
```
#22685a rgb(34,104,90)
```
#226860
```
#226860 rgb(34,104,96)
```
#226866
```
#226866 rgb(34,104,102)
```
#226468
```
#226468 rgb(34,100,104)
```
#225e68
```
#225e68 rgb(34,94,104)
```
#225968
```
#225968 rgb(34,89,104)
```

Similar Colors

Text with hexadecimal color #226866

This text has a font color of #226866.

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

#226866 background color

This paragraph has a background color of #226866.

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

#226866 border color

This element has a border color of #226866.

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

CSS codes

.text {color:#226866;}

.background {background-color:#226866;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1e1e
```
#0a1e1e rgb(10,30,30)
```
#0f2d2c
```
#0f2d2c rgb(15,45,44)
```
#143c3b
```
#143c3b rgb(20,60,59)
```
#184a49
```
#184a49 rgb(24,74,73)
```
#1d5958
```
#1d5958 rgb(29,89,88)
```
#226866
```
#226866 rgb(34,104,102)
```
#277774
```
#277774 rgb(39,119,116)
```
#2c8683
```
#2c8683 rgb(44,134,131)
```
#309491
```
#309491 rgb(48,148,145)
```
#35a3a0
```
#35a3a0 rgb(53,163,160)
```
#3ab2ae
```
#3ab2ae rgb(58,178,174)
```

Shade Color Variation

#3fc0bd
```
#3fc0bd rgb(63,192,189)
```
#4ec5c2
```
#4ec5c2 rgb(78,197,194)
```
#5dcac7
```
#5dcac7 rgb(93,202,199)
```
#6ccfcc
```
#6ccfcc rgb(108,207,204)
```
#7ad4d1
```
#7ad4d1 rgb(122,212,209)
```
#89d9d6
```
#89d9d6 rgb(137,217,214)
```
#98dddb
```
#98dddb rgb(152,221,219)
```
#a7e2e0
```
#a7e2e0 rgb(167,226,224)
```
#b6e7e6
```
#b6e7e6 rgb(182,231,230)
```
#c4eceb
```
#c4eceb rgb(196,236,235)
```
#d3f1f0
```
#d3f1f0 rgb(211,241,240)
```
#e2f6f5
```
#e2f6f5 rgb(226,246,245)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#424848
```
#424848 rgb(66,72,72)
```
#3d4d4d
```
#3d4d4d rgb(61,77,77)
```
#375352
```
#375352 rgb(55,83,82)
```
#325857
```
#325857 rgb(50,88,87)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#276361
```
#276361 rgb(39,99,97)
```
#226866
```
#226866 rgb(34,104,102)
```
#1d6d6b
```
#1d6d6b rgb(29,109,107)
```
#177370
```
#177370 rgb(23,115,112)
```
#127875
```
#127875 rgb(18,120,117)
```
#0d7d7a
```
#0d7d7a rgb(13,125,122)
```
#07837f
```
#07837f rgb(7,131,127)
```
#028884
```
#028884 rgb(2,136,132)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676568 Protanopia 1% of men
#6a6372 Deuteranopia 1% of men
#326e76 Tritanopia 0.001% of the population

Trichromacy

#4e6667 Protanomaly 1% of men, 0.01% of women
#4f656d Deuteranomaly 6% of men, 0.4% of women
#2c6c70 Tritanomaly 0.01% of the population

#226866 hex color

#226866 Color Information

#226866 Color Conversion

Color Schemes with #226866

Alternatives to #226866

#226866 Preview

Shades and Tints of #226866

Tones of #226866

Color Blindness Simulator