colorhexa.com

#226669 hex color

In a RGB color space, hex #226669 is composed of 13.3% red, 40% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 2.9% magenta, 0% yellow and 58.8% black. It has a hue angle of 182.5 degrees, a saturation of 51.1% and a lightness of 27.3%. #226669 color hex could be obtained by blending #44ccd2 with #000000. Closest websafe color is: #336666.

- R 13
- G 40
- B 41
RGB color chart
- C 68
- M 3
- Y 0
- K 59
CMYK color chart

● #226669 color description : Very dark cyan.

The hexadecimal color #226669 has RGB values of R:34, G:102, B:105 and CMYK values of C:0.68, M:0.03, Y:0, K:0.59. Its decimal value is 2254441.

Hex triplet	226669	`#226669`
RGB Decimal	34, 102, 105	`rgb(34,102,105)`
RGB Percent	13.3, 40, 41.2	`rgb(13.3%,40%,41.2%)`
CMYK	68, 3, 0, 59
HSL	182.5°, 51.1, 27.3	`hsl(182.5,51.1%,27.3%)`
HSV (or HSB)	182.5°, 67.6, 41.2
Web Safe	336666	`#336666`

CIE-LAB	39.347, -19.808, -7.961
XYZ	7.96, 10.862, 15.041
xyY	0.235, 0.321, 10.862
CIE-LCH	39.347, 21.348, 201.897
CIE-LUV	39.347, -25.801, -8.071
Hunter-Lab	32.958, -14.564, -3.988
Binary	00100010, 01100110, 01101001

#226669
```
#226669 rgb(34,102,105)
```
#692522
```
#692522 rgb(105,37,34)
```

Complementary Color

#226949
```
#226949 rgb(34,105,73)
```
#226669
```
#226669 rgb(34,102,105)
```
#224369
```
#224369 rgb(34,67,105)
```

Analogous Color

#694922
```
#694922 rgb(105,73,34)
```
#226669
```
#226669 rgb(34,102,105)
```
#692243
```
#692243 rgb(105,34,67)
```

Split Complementary Color

#666922
```
#666922 rgb(102,105,34)
```
#226669
```
#226669 rgb(34,102,105)
```
#692266
```
#692266 rgb(105,34,102)
```

Triadic Color

#226925
```
#226925 rgb(34,105,37)
```
#226669
```
#226669 rgb(34,102,105)
```
#692266
```
#692266 rgb(105,34,102)
```
#692522
```
#692522 rgb(105,37,34)
```

Tetradic Color

#0f2e2f
```
#0f2e2f rgb(15,46,47)
```
#164142
```
#164142 rgb(22,65,66)
```
#1c5356
```
#1c5356 rgb(28,83,86)
```
#226669
```
#226669 rgb(34,102,105)
```
#28797c
```
#28797c rgb(40,121,124)
```
#2e8b90
```
#2e8b90 rgb(46,139,144)
```
#359ea3
```
#359ea3 rgb(53,158,163)
```

Monochromatic Color

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

#22695a
```
#22695a rgb(34,105,90)
```
#226960
```
#226960 rgb(34,105,96)
```
#226966
```
#226966 rgb(34,105,102)
```
#226669
```
#226669 rgb(34,102,105)
```
#226069
```
#226069 rgb(34,96,105)
```
#225a69
```
#225a69 rgb(34,90,105)
```
#225469
```
#225469 rgb(34,84,105)
```

Similar Colors

Text with hexadecimal color #226669

This text has a font color of #226669.

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

#226669 background color

This paragraph has a background color of #226669.

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

#226669 border color

This element has a border color of #226669.

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

CSS codes

.text {color:#226669;}

.background {background-color:#226669;}

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

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 #f1fafb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#051010
```
#051010 rgb(5,16,16)
```
#0a1e1f
```
#0a1e1f rgb(10,30,31)
```
#0f2c2e
```
#0f2c2e rgb(15,44,46)
```
#143b3d
```
#143b3d rgb(20,59,61)
```
#18494b
```
#18494b rgb(24,73,75)
```
#1d585a
```
#1d585a rgb(29,88,90)
```
#226669
```
#226669 rgb(34,102,105)
```
#277478
```
#277478 rgb(39,116,120)
```
#2c8387
```
#2c8387 rgb(44,131,135)
```
#309195
```
#309195 rgb(48,145,149)
```
#35a0a4
```
#35a0a4 rgb(53,160,164)
```
#3aaeb3
```
#3aaeb3 rgb(58,174,179)
```

Shade Color Variation

#40bcc1
```
#40bcc1 rgb(64,188,193)
```
#4ec1c6
```
#4ec1c6 rgb(78,193,198)
```
#5dc6cb
```
#5dc6cb rgb(93,198,203)
```
#6ccbcf
```
#6ccbcf rgb(108,203,207)
```
#7bd0d4
```
#7bd0d4 rgb(123,208,212)
```
#8ad6d9
```
#8ad6d9 rgb(138,214,217)
```
#99dbde
```
#99dbde rgb(153,219,222)
```
#a7e0e3
```
#a7e0e3 rgb(167,224,227)
```
#b6e5e7
```
#b6e5e7 rgb(182,229,231)
```
#c5ebec
```
#c5ebec rgb(197,235,236)
```
#d4f0f1
```
#d4f0f1 rgb(212,240,241)
```
#e3f5f6
```
#e3f5f6 rgb(227,245,246)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

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

#424949
```
#424949 rgb(66,73,73)
```
#3d4e4e
```
#3d4e4e rgb(61,78,78)
```
#375254
```
#375254 rgb(55,82,84)
```
#325759
```
#325759 rgb(50,87,89)
```
#2d5c5e
```
#2d5c5e rgb(45,92,94)
```
#276164
```
#276164 rgb(39,97,100)
```
#226669
```
#226669 rgb(34,102,105)
```
#1d6b6e
```
#1d6b6e rgb(29,107,110)
```
#177074
```
#177074 rgb(23,112,116)
```
#127579
```
#127579 rgb(18,117,121)
```
#0d7a7e
```
#0d7a7e rgb(13,122,126)
```
#077e84
```
#077e84 rgb(7,126,132)
```
#028389
```
#028389 rgb(2,131,137)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64646b Protanopia 1% of men
#666274 Deuteranopia 1% of men
#306d75 Tritanopia 0.001% of the population

Trichromacy

#4c656a Protanomaly 1% of men, 0.01% of women
#4d6470 Deuteranomaly 6% of men, 0.4% of women
#2b6a70 Tritanomaly 0.01% of the population