#226368 hex color

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

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

● #226368 color description : Very dark cyan.

The hexadecimal color #226368 has RGB values of R:34, G:99, B:104 and CMYK values of C:0.67, M:0.05, Y:0, K:0.59. Its decimal value is 2253672.

Hex triplet	226368	`#226368`
RGB Decimal	34, 99, 104	`rgb(34,99,104)`
RGB Percent	13.3, 38.8, 40.8	`rgb(13.3%,38.8%,40.8%)`
CMYK	67, 5, 0, 59
HSL	184.3°, 50.7, 27.1	`hsl(184.3,50.7%,27.1%)`
HSV (or HSB)	184.3°, 67.3, 40.8
Web Safe	336666	`#336666`

CIE-LAB	38.31, -18.501, -8.905
XYZ	7.619, 10.263, 14.675
xyY	0.234, 0.315, 10.263
CIE-LCH	38.31, 20.533, 205.703
CIE-LUV	38.31, -24.697, -9.494
Hunter-Lab	32.035, -13.606, -4.736
Binary	00100010, 01100011, 01101000

#226368
```
#226368 rgb(34,99,104)
```
#682722
```
#682722 rgb(104,39,34)
```

Complementary Color

#22684a
```
#22684a rgb(34,104,74)
```
#226368
```
#226368 rgb(34,99,104)
```
#224068
```
#224068 rgb(34,64,104)
```

Analogous Color

#684a22
```
#684a22 rgb(104,74,34)
```
#226368
```
#226368 rgb(34,99,104)
```
#682240
```
#682240 rgb(104,34,64)
```

Split Complementary Color

#636822
```
#636822 rgb(99,104,34)
```
#226368
```
#226368 rgb(34,99,104)
```
#682263
```
#682263 rgb(104,34,99)
```

Triadic Color

#226827
```
#226827 rgb(34,104,39)
```
#226368
```
#226368 rgb(34,99,104)
```
#682263
```
#682263 rgb(104,34,99)
```
#682722
```
#682722 rgb(104,39,34)
```

Tetradic Color

#0f2c2e
```
#0f2c2e rgb(15,44,46)
```
#153e42
```
#153e42 rgb(21,62,66)
```
#1c5155
```
#1c5155 rgb(28,81,85)
```
#226368
```
#226368 rgb(34,99,104)
```
#28757b
```
#28757b rgb(40,117,123)
```
#2f888e
```
#2f888e rgb(47,136,142)
```
#359aa2
```
#359aa2 rgb(53,154,162)
```

Monochromatic Color

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

#22685c
```
#22685c rgb(34,104,92)
```
#226861
```
#226861 rgb(34,104,97)
```
#226867
```
#226867 rgb(34,104,103)
```
#226368
```
#226368 rgb(34,99,104)
```
#225d68
```
#225d68 rgb(34,93,104)
```
#225768
```
#225768 rgb(34,87,104)
```
#225268
```
#225268 rgb(34,82,104)
```

Similar Colors

Text with hexadecimal color #226368

This text has a font color of #226368.

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

#226368 background color

This paragraph has a background color of #226368.

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

#226368 border color

This element has a border color of #226368.

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

CSS codes

.text {color:#226368;}

.background {background-color:#226368;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0f2b2d
```
#0f2b2d rgb(15,43,45)
```
#14393c
```
#14393c rgb(20,57,60)
```
#18474a
```
#18474a rgb(24,71,74)
```
#1d5559
```
#1d5559 rgb(29,85,89)
```
#226368
```
#226368 rgb(34,99,104)
```
#277177
```
#277177 rgb(39,113,119)
```
#2c7f86
```
#2c7f86 rgb(44,127,134)
```
#308d94
```
#308d94 rgb(48,141,148)
```
#359ba3
```
#359ba3 rgb(53,155,163)
```
#3aa9b2
```
#3aa9b2 rgb(58,169,178)
```

Shade Color Variation

#3fb7c0
```
#3fb7c0 rgb(63,183,192)
```
#4ebdc5
```
#4ebdc5 rgb(78,189,197)
```
#5dc2ca
```
#5dc2ca rgb(93,194,202)
```
#6cc8cf
```
#6cc8cf rgb(108,200,207)
```
#7acdd4
```
#7acdd4 rgb(122,205,212)
```
#89d3d9
```
#89d3d9 rgb(137,211,217)
```
#98d8dd
```
#98d8dd rgb(152,216,221)
```
#a7dee2
```
#a7dee2 rgb(167,222,226)
```
#b6e3e7
```
#b6e3e7 rgb(182,227,231)
```
#c4e9ec
```
#c4e9ec rgb(196,233,236)
```
#d3eff1
```
#d3eff1 rgb(211,239,241)
```
#e2f4f6
```
#e2f4f6 rgb(226,244,246)
```
#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 #027e88 is the most saturated one.

#424848
```
#424848 rgb(66,72,72)
```
#3d4c4d
```
#3d4c4d rgb(61,76,77)
```
#375153
```
#375153 rgb(55,81,83)
```
#325558
```
#325558 rgb(50,85,88)
```
#2d5a5d
```
#2d5a5d rgb(45,90,93)
```
#275e63
```
#275e63 rgb(39,94,99)
```
#226368
```
#226368 rgb(34,99,104)
```
#1d686d
```
#1d686d rgb(29,104,109)
```
#176c73
```
#176c73 rgb(23,108,115)
```
#127178
```
#127178 rgb(18,113,120)
```
#0d757d
```
#0d757d rgb(13,117,125)
```
#077a83
```
#077a83 rgb(7,122,131)
```
#027e88
```
#027e88 rgb(2,126,136)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#475455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61626a Protanopia 1% of men
#636073 Deuteranopia 1% of men
#2f6a72 Tritanopia 0.001% of the population

Trichromacy

#4a6269 Protanomaly 1% of men, 0.01% of women
#4b616f Deuteranomaly 6% of men, 0.4% of women
#2a676e Tritanomaly 0.01% of the population

#226368 hex color

#226368 Color Information

#226368 Color Conversion

Color Schemes with #226368

Alternatives to #226368

#226368 Preview

Shades and Tints of #226368

Tones of #226368

Color Blindness Simulator