#226675 hex color

In a RGB color space, hex #226675 is composed of 13.3% red, 40% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 12.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 190.8 degrees, a saturation of 55% and a lightness of 29.6%. #226675 color hex could be obtained by blending #44ccea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 40
- B 46
RGB color chart
- C 71
- M 13
- Y 0
- K 54
CMYK color chart

● #226675 color description : Dark cyan.

The hexadecimal color #226675 has RGB values of R:34, G:102, B:117 and CMYK values of C:0.71, M:0.13, Y:0, K:0.54. Its decimal value is 2254453.

Hex triplet	226675	`#226675`
RGB Decimal	34, 102, 117	`rgb(34,102,117)`
RGB Percent	13.3, 40, 45.9	`rgb(13.3%,40%,45.9%)`
CMYK	71, 13, 0, 54
HSL	190.8°, 55, 29.6	`hsl(190.8,55%,29.6%)`
HSV (or HSB)	190.8°, 70.9, 45.9
Web Safe	336666	`#336666`

CIE-LAB	39.793, -15.833, -14.623
XYZ	8.621, 11.126, 18.522
xyY	0.225, 0.291, 11.126
CIE-LCH	39.793, 21.552, 222.723
CIE-LUV	39.793, -25.147, -18.103
Hunter-Lab	33.356, -12.24, -9.573
Binary	00100010, 01100110, 01110101

#226675
```
#226675 rgb(34,102,117)
```
#753122
```
#753122 rgb(117,49,34)
```

Complementary Color

#22755a
```
#22755a rgb(34,117,90)
```
#226675
```
#226675 rgb(34,102,117)
```
#223d75
```
#223d75 rgb(34,61,117)
```

Analogous Color

#755a22
```
#755a22 rgb(117,90,34)
```
#226675
```
#226675 rgb(34,102,117)
```
#75223d
```
#75223d rgb(117,34,61)
```

Split Complementary Color

#667522
```
#667522 rgb(102,117,34)
```
#226675
```
#226675 rgb(34,102,117)
```
#752266
```
#752266 rgb(117,34,102)
```

Triadic Color

#227531
```
#227531 rgb(34,117,49)
```
#226675
```
#226675 rgb(34,102,117)
```
#752266
```
#752266 rgb(117,34,102)
```
#753122
```
#753122 rgb(117,49,34)
```

Tetradic Color

#11323a
```
#11323a rgb(17,50,58)
```
#17444d
```
#17444d rgb(23,68,77)
```
#1c5561
```
#1c5561 rgb(28,85,97)
```
#226675
```
#226675 rgb(34,102,117)
```
#287789
```
#287789 rgb(40,119,137)
```
#2d889d
```
#2d889d rgb(45,136,157)
```
#339ab0
```
#339ab0 rgb(51,154,176)
```

Monochromatic Color

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

#22756f
```
#22756f rgb(34,117,111)
```
#227475
```
#227475 rgb(34,116,117)
```
#226d75
```
#226d75 rgb(34,109,117)
```
#226675
```
#226675 rgb(34,102,117)
```
#225f75
```
#225f75 rgb(34,95,117)
```
#225875
```
#225875 rgb(34,88,117)
```
#225175
```
#225175 rgb(34,81,117)
```

Similar Colors

Text with hexadecimal color #226675

This text has a font color of #226675.

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

#226675 background color

This paragraph has a background color of #226675.

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

#226675 border color

This element has a border color of #226675.

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

CSS codes

.text {color:#226675;}

.background {background-color:#226675;}

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

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, #03090b is the darkest color, while #fafdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07161a
```
#07161a rgb(7,22,26)
```
#0c2429
```
#0c2429 rgb(12,36,41)
```
#103138
```
#103138 rgb(16,49,56)
```
#153e47
```
#153e47 rgb(21,62,71)
```
#194b57
```
#194b57 rgb(25,75,87)
```
#1e5966
```
#1e5966 rgb(30,89,102)
```
#226675
```
#226675 rgb(34,102,117)
```
#267384
```
#267384 rgb(38,115,132)
```
#2b8193
```
#2b8193 rgb(43,129,147)
```
#2f8ea3
```
#2f8ea3 rgb(47,142,163)
```
#349bb2
```
#349bb2 rgb(52,155,178)
```
#38a8c1
```
#38a8c1 rgb(56,168,193)
```

Shade Color Variation

#44b1c9
```
#44b1c9 rgb(68,177,201)
```
#53b7cd
```
#53b7cd rgb(83,183,205)
```
#62bdd1
```
#62bdd1 rgb(98,189,209)
```
#72c4d6
```
#72c4d6 rgb(114,196,214)
```
#81cada
```
#81cada rgb(129,202,218)
```
#90d1df
```
#90d1df rgb(144,209,223)
```
#9fd7e3
```
#9fd7e3 rgb(159,215,227)
```
#aedde8
```
#aedde8 rgb(174,221,232)
```
#bee4ec
```
#bee4ec rgb(190,228,236)
```
#cdeaf0
```
#cdeaf0 rgb(205,234,240)
```
#dcf0f5
```
#dcf0f5 rgb(220,240,245)
```
#ebf7f9
```
#ebf7f9 rgb(235,247,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#4b4c4c
```
#4b4c4c rgb(75,76,76)
```
#455052
```
#455052 rgb(69,80,82)
```
#3f5358
```
#3f5358 rgb(63,83,88)
```
#39575e
```
#39575e rgb(57,87,94)
```
#335b64
```
#335b64 rgb(51,91,100)
```
#2e5f69
```
#2e5f69 rgb(46,95,105)
```
#28626f
```
#28626f rgb(40,98,111)
```
#226675
```
#226675 rgb(34,102,117)
```
#1c6a7b
```
#1c6a7b rgb(28,106,123)
```
#166d81
```
#166d81 rgb(22,109,129)
```
#117186
```
#117186 rgb(17,113,134)
```
#0b758c
```
#0b758c rgb(11,117,140)
```
#057992
```
#057992 rgb(5,121,146)
```

Tone Color Variation

Below, you can see how #226675 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
#49575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#626576 Protanopia 1% of men
#61647f Deuteranopia 1% of men
#296e77 Tritanopia 0.001% of the population

Trichromacy

#4b6576 Protanomaly 1% of men, 0.01% of women
#4a657b Deuteranomaly 6% of men, 0.4% of women
#266b76 Tritanomaly 0.01% of the population

#226675 hex color

#226675 Color Information

#226675 Color Conversion

Color Schemes with #226675

Alternatives to #226675

#226675 Preview

Shades and Tints of #226675

Tones of #226675

Color Blindness Simulator